misc: indent combo.map.scss with tabs (#86048)
This commit is contained in:
parent
9b491b824f
commit
e834b6a61f
|
@ -76,77 +76,77 @@ $marker_icons: (
|
|||
);
|
||||
|
||||
div.combo-cell-map.leaflet-container {
|
||||
height: 60vh;
|
||||
font: inherit;
|
||||
height: 60vh;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
/* leaflet styles */
|
||||
|
||||
div.leaflet-marker-icon.leaflet-div-icon {
|
||||
border: none;
|
||||
background: transparent;
|
||||
border: none;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
div.leaflet-div-icon span {
|
||||
width: #{$marker_width};
|
||||
height: #{$marker_width};
|
||||
display: block;
|
||||
left: #{0 - $marker_width / 2};
|
||||
top: #{0 - $marker_width * 1.2};
|
||||
position: relative;
|
||||
border-radius: #{$marker_width * 10} #{$marker_width * 6} #{$marker_width * 0.5};
|
||||
transform: scale(1, 1.3) rotate(45deg);
|
||||
box-sizing: content-box;
|
||||
&.leaflet-icon-marker-medium {
|
||||
width: #{$medium_marker_width};
|
||||
height: #{$medium_marker_width};
|
||||
left: #{0 - $medium_marker_width / 2};
|
||||
top: #{0 - $medium_marker_width * 1.2};
|
||||
border-radius: #{$medium_marker_width * 10} #{$medium_marker_width * 6} #{$medium_marker_width * 0.5};
|
||||
}
|
||||
&.leaflet-icon-marker-small {
|
||||
width: #{$small_marker_width};
|
||||
height: #{$small_marker_width};
|
||||
left: #{0 - $small_marker_width / 2};
|
||||
top: #{0 - $small_marker_width * 1.2};
|
||||
border-radius: #{$small_marker_width * 10} #{$small_marker_width * 6} #{$small_marker_width * 0.5};
|
||||
}
|
||||
width: #{$marker_width};
|
||||
height: #{$marker_width};
|
||||
display: block;
|
||||
left: #{0 - $marker_width / 2};
|
||||
top: #{0 - $marker_width * 1.2};
|
||||
position: relative;
|
||||
border-radius: #{$marker_width * 10} #{$marker_width * 6} #{$marker_width * 0.5};
|
||||
transform: scale(1, 1.3) rotate(45deg);
|
||||
box-sizing: content-box;
|
||||
&.leaflet-icon-marker-medium {
|
||||
width: #{$medium_marker_width};
|
||||
height: #{$medium_marker_width};
|
||||
left: #{0 - $medium_marker_width / 2};
|
||||
top: #{0 - $medium_marker_width * 1.2};
|
||||
border-radius: #{$medium_marker_width * 10} #{$medium_marker_width * 6} #{$medium_marker_width * 0.5};
|
||||
}
|
||||
&.leaflet-icon-marker-small {
|
||||
width: #{$small_marker_width};
|
||||
height: #{$small_marker_width};
|
||||
left: #{0 - $small_marker_width / 2};
|
||||
top: #{0 - $small_marker_width * 1.2};
|
||||
border-radius: #{$small_marker_width * 10} #{$small_marker_width * 6} #{$small_marker_width * 0.5};
|
||||
}
|
||||
}
|
||||
|
||||
div.leaflet-div-icon span {
|
||||
border: 1px solid white;
|
||||
box-shadow: 0 0 0 1px #aaa;
|
||||
border: 1px solid white;
|
||||
box-shadow: 0 0 0 1px #aaa;
|
||||
}
|
||||
|
||||
div.leaflet-div-icon span i {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
transform: translateY(50%) rotate(-45deg);
|
||||
height: 50%;
|
||||
box-sizing: content-box;
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
transform: translateY(50%) rotate(-45deg);
|
||||
height: 50%;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
div.leaflet-popup-content {
|
||||
div.popup-field {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
span.field-label,
|
||||
span.field-value {
|
||||
display: block;
|
||||
}
|
||||
span.field-label + span.field-value {
|
||||
font-weight: bold;
|
||||
}
|
||||
div.file-field {
|
||||
font-weight: normal;
|
||||
font-size: 90%;
|
||||
img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
max-height: 10vh;
|
||||
}
|
||||
}
|
||||
div.popup-field {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
span.field-label,
|
||||
span.field-value {
|
||||
display: block;
|
||||
}
|
||||
span.field-label + span.field-value {
|
||||
font-weight: bold;
|
||||
}
|
||||
div.file-field {
|
||||
font-weight: normal;
|
||||
font-size: 90%;
|
||||
img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
max-height: 10vh;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.leaflet-div-icon span {
|
||||
|
@ -187,15 +187,15 @@ div.leaflet-div-icon span {
|
|||
select#id_icon option::before,
|
||||
ul#id_icon span label::before,
|
||||
i.leaflet-marker-icon {
|
||||
font: normal normal normal 1em/1 FontAwesome;
|
||||
font: normal normal normal 1em/1 FontAwesome;
|
||||
}
|
||||
|
||||
.layers a::before,
|
||||
select#id_icon option::before {
|
||||
padding-right: 1ex;
|
||||
display: inline-block;
|
||||
width: 3ex;
|
||||
text-align: center;
|
||||
padding-right: 1ex;
|
||||
display: inline-block;
|
||||
width: 3ex;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@each $marker_icon_name, $marker_icon_symbol in $marker_icons {
|
||||
|
|
Loading…
Reference in New Issue