@bagelink/vue 0.0.462 → 0.0.464

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/style.css +31 -11
  2. package/package.json +1 -1
  3. package/src/components/ListView.vue +3 -3
  4. package/src/components/MapEmbed.vue +33 -8
package/dist/style.css CHANGED
@@ -588,11 +588,11 @@ a[data-v-d09a83c5] {
588
588
  grid-template-rows: auto 1fr;
589
589
  }
590
590
  .list-item {
591
- padding: 0.5rem 1rem;
591
+ padding: 0.6rem 1rem;
592
592
  min-height: -webkit-fit-content;
593
593
  min-height: -moz-fit-content;
594
594
  min-height: fit-content;
595
- margin: 0.25rem 0;
595
+ margin: 0rem 0;
596
596
  cursor: pointer;
597
597
  transition: var(--bgl-transition);
598
598
  color: var(--bgl-black);
@@ -604,7 +604,7 @@ a[data-v-d09a83c5] {
604
604
  position: absolute;
605
605
  left: 0;
606
606
  right: 0;
607
- bottom: -0.15rem;
607
+ bottom: 0;
608
608
  border-bottom: 1px solid var(--border-color);
609
609
  }
610
610
  .list-item:hover,
@@ -1675,6 +1675,14 @@ svg.leaflet-image-layer.leaflet-interactive path {
1675
1675
  #map {
1676
1676
  height: 100%;
1677
1677
  border-radius: var(--input-border-radius);
1678
+ position: relative;
1679
+ }
1680
+ #map::after{
1681
+ content: "";
1682
+ position: absolute;
1683
+ inset: 0;
1684
+ box-shadow: inset 0 0 10px #00000012;
1685
+ z-index: 402;
1678
1686
  }
1679
1687
  .map .leaflet-pane .leaflet-tile-pane{
1680
1688
  filter: contrast(0.6) brightness(1.25) hue-rotate(12deg);
@@ -1685,18 +1693,30 @@ svg.leaflet-image-layer.leaflet-interactive path {
1685
1693
  .leaflet-pane.leaflet-marker-pane img{
1686
1694
  filter: drop-shadow(0px 12px 3px rgba(0, 0, 0, 0.3));
1687
1695
  }
1688
- /* .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
1696
+ .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
1689
1697
  font-size: var(--input-font-size);
1690
1698
  }
1699
+ .leaflet-bar{
1700
+ border-radius:var(--input-border-radius) !important;
1701
+ }
1691
1702
  .leaflet-touch .leaflet-bar a:first-child {
1692
- border-top-left-radius: var(--input-border-radius) !important;
1693
- border-top-right-radius: var(--input-border-radius) !important;
1703
+ border-top-left-radius: calc(var(--input-border-radius) - 2px) !important;
1704
+ border-top-right-radius: calc(var(--input-border-radius) - 2px) !important;
1705
+ }
1706
+ .leaflet-touch .leaflet-bar a:last-child{
1707
+ border-bottom-left-radius:calc(var(--input-border-radius) - 2px) !important;
1708
+ border-bottom-right-radius:calc(var(--input-border-radius) - 2px) !important;
1709
+ }
1710
+ .leaflet-bar a{
1711
+ background: var(--input-bg) !important;
1712
+ transition: var(--bgl-transition);
1713
+ }
1714
+ .leaflet-bar a:hover{
1715
+ filter: var(--bgl-hover-filter);
1716
+ }
1717
+ .leaflet-bar a:focus {
1718
+ filter: var(--bgl-active-filter);
1694
1719
  }
1695
- .leaflet-touch .leaflet-bar a {
1696
- width: 30px;
1697
- height: 30px;
1698
- line-height: 30px;
1699
- } */
1700
1720
 
1701
1721
  .fi[data-v-8f23b7bc]{
1702
1722
  background-size:contain;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.462",
4
+ "version": "0.0.464",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
package/src/components/ListView.vue CHANGED
@@ -17,11 +17,11 @@
17
17
  }
18
18
 
19
19
  .list-item {
20
- padding: 0.5rem 1rem;
20
+ padding: 0.6rem 1rem;
21
21
  min-height: -webkit-fit-content;
22
22
  min-height: -moz-fit-content;
23
23
  min-height: fit-content;
24
- margin: 0.25rem 0;
24
+ margin: 0rem 0;
25
25
  cursor: pointer;
26
26
  transition: var(--bgl-transition);
27
27
  color: var(--bgl-black);
@@ -34,7 +34,7 @@
34
34
  position: absolute;
35
35
  left: 0;
36
36
  right: 0;
37
- bottom: -0.15rem;
37
+ bottom: 0;
38
38
  border-bottom: 1px solid var(--border-color);
39
39
  }
40
40
 
package/src/components/MapEmbed.vue CHANGED
@@ -57,6 +57,15 @@ watch(() => props.address, (address) => {
57
57
  #map {
58
58
  height: 100%;
59
59
  border-radius: var(--input-border-radius);
60
+ position: relative;
61
+
62
+ }
63
+ #map::after{
64
+ content: "";
65
+ position: absolute;
66
+ inset: 0;
67
+ box-shadow: inset 0 0 10px #00000012;
68
+ z-index: 402;
60
69
  }
61
70
 
62
71
  .map .leaflet-pane .leaflet-tile-pane{
@@ -69,16 +78,32 @@ watch(() => props.address, (address) => {
69
78
  .leaflet-pane.leaflet-marker-pane img{
70
79
  filter: drop-shadow(0px 12px 3px rgba(0, 0, 0, 0.3));
71
80
  }
72
- /* .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
81
+ .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
73
82
  font-size: var(--input-font-size);
74
83
  }
84
+ .leaflet-bar{
85
+ border-radius:var(--input-border-radius) !important;
86
+ }
87
+
75
88
  .leaflet-touch .leaflet-bar a:first-child {
76
- border-top-left-radius: var(--input-border-radius) !important;
77
- border-top-right-radius: var(--input-border-radius) !important;
89
+ border-top-left-radius: calc(var(--input-border-radius) - 2px) !important;
90
+ border-top-right-radius: calc(var(--input-border-radius) - 2px) !important;
91
+ }
92
+ .leaflet-touch .leaflet-bar a:last-child{
93
+ border-bottom-left-radius:calc(var(--input-border-radius) - 2px) !important;
94
+ border-bottom-right-radius:calc(var(--input-border-radius) - 2px) !important;
95
+ }
96
+
97
+ .leaflet-bar a{
98
+ background: var(--input-bg) !important;
99
+ transition: var(--bgl-transition);
100
+
101
+ }
102
+ .leaflet-bar a:hover{
103
+ filter: var(--bgl-hover-filter);
104
+ }
105
+ .leaflet-bar a:focus {
106
+ filter: var(--bgl-active-filter);
107
+
78
108
  }
79
- .leaflet-touch .leaflet-bar a {
80
- width: 30px;
81
- height: 30px;
82
- line-height: 30px;
83
- } */
84
109
  </style>