misc: indent combo.map.scss with tabs (#86048)

This commit is contained in:
Lauréline Guérin 2024-01-23 16:47:05 +01:00 committed by Lauréline Guérin
parent 97d0fd650e
commit 32641a04a1
1 changed files with 59 additions and 59 deletions

View File

@ -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 {