publik-base-theme/static/includes/wcs/_nearby-form.scss

78 lines
1.3 KiB
SCSS

/*
* Nearby form
*
* Ajout de styles à un champ carte pour sélectionner un signalement identique à proximité
*
* Template
* quommon/forms/widgets/nearby-forms.html
* JS
* static/js/plus1.js
*/
.nearby-forms {
margin: 0;
padding: 0;
}
.nearby-form {
margin: 5px auto;
display: flex;
align-items: center;
align-content: center;
justify-content: space-between;
border: $widget-border;
padding: 5px;
}
.nearby-form--digest, .nearby-form--datetime, .nearby-form--marker-counter {
margin: 0 5px;
}
.nearby-form--digest {
width: 60%;
}
.nearby-form--datetime {
width: 20%;
@media screen and ($max-mobile-viewport) {
width: 30%;
}
}
.nearby-form--marker-counter {
background: $button-background;
color: $button-color;
width: 1.8em;
height: 1.8em;
line-height: 1.8em;
text-align: center;
border-radius: 3px;
}
.template-nearby-forms div.leaflet-div-icon {
box-sizing: content-box;
padding: 3px;
margin: auto;
border-radius: 3px;
display: flex;
a {
line-height: 1;
margin: auto;
}
}
.signalements-thanks ~ .buttons {
.submit-button, .previous-button {
display: none;
}
.cancel-button button {
text-indent: -9999px;
line-height: 0;
&::after {
text-indent: 0;
line-height: initial;
display: block;
content: 'Continuer';
}
}
}