entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 11 Releases Wiki Activity

Saumur: intégration graphique, retouches (#71873) #48

Merged
aberriot merged 4 commits from wip/71821-saumur-retouches into main 2022-11-30 17:16:43 +01:00
Conversation 6 Commits 4 Files Changed 3 +53 -7
3 changed files with 53 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
static/saumur/_custom.scss
View File

@ -26,6 +26,7 @@ main {
#logo {
@media screen and ($max-mobile-viewport) {
padding: 0 $space-small;
display: inline-block;
}
}
@ -87,7 +88,8 @@ div.gru-nav {
#toplinks {
@media screen and ($max-mobile-viewport) {
margin-top: $space-small;
position: static;
display: inline-block;
margin-right: $nav-menu-side;
background: transparent;
}
@ -183,7 +185,7 @@ div.link-cell {
position: relative;
}
h2:first-child {
padding-left: $space-large * 1.5;
padding-left: $space-large;
width: 100%;
}
img {
@ -191,18 +193,38 @@ div.link-cell {
padding: 0 !important;
width: $space-large;
top: $space-small;
left: $space-medium;
left: 0;
}
&.foldable:not(.folded) picture::after {
@extend %orange-border;
margin: 0 1rem;
margin: 0;
}
&:not(.foldable) picture::after {
@extend %orange-border;
margin: 0 1rem;
margin: 0;
}
}
// borderless cells in grid
.gru-content > #columns-wrapper > #columns {
border: $widget-border;
background: white;
padding: $space-medium;
.cell {
border: none;
}
}
// communes selector
div#services-communes {
select {
aberriot marked this conversation as resolved Outdated
csechet commented 2022-11-30 15:49:27 +01:00
Outdated
Review
Copy Link

div#services-communes est déjà une cellule, pas besoin de définir le background ici.

div#services-communes est déjà une cellule, pas besoin de définir le background ici.
aberriot commented 2022-11-30 16:23:28 +01:00
Outdated
Review
Copy Link

Bien vu, je viens d'enlever

Bien vu, je viens d'enlever
width: 100%;
}
}
// forms
.form-content {
@extend %cell;

4
static/saumur/_vars.scss
View File

@ -81,8 +81,8 @@ $button-hover-background: $orange;
$button-hover-color: $white;
$button-focus-outline: 2px solid $orange;
$button-focus-outline-offset: 2px;
$buttons-order: previous, cancel (grow), submit;
$buttons-order: previous, cancel, submit;
$buttons-alignment: flex-end;
$widget-background: $gray-light-1;
$widget-border: 1px solid $gray-dark-1;
$widget-focus-border: 1px solid $orange;

24
templates/variants/saumur/combo/cells/services-communes/link-list-cell.html Normal file
View File

@ -0,0 +1,24 @@
{% block cell-content %}
<h2>{{ title }}</h2>
<div class="cell--body">
<form>
<select id="commune--select-{{ cell.id }}">
aberriot marked this conversation as resolved Outdated
csechet commented 2022-11-30 15:44:07 +01:00
Outdated
Review
Copy Link

commune--title et commune--select ne sont pas utilisées dans le CSS (sur la version izi-ici de cette cellule, commune--select ne l'est pas non plus d'ailleurs)

commune--title et commune--select ne sont pas utilisées dans le CSS (sur la version izi-ici de cette cellule, commune--select ne l'est pas non plus d'ailleurs)
aberriot commented 2022-11-30 16:23:48 +01:00
Outdated
Review
Copy Link

Exact, merci c'est retiré 👍

Exact, merci c'est retiré 👍
<option value="">Sélectionnez</option>
{% for link in links %}
<option value="{{ link.url }}">{{ link.title }}</option>
{% endfor %}
</select>
<p>Sélectionnez une commune pour découvrir ses services en ligne.</p>
</form>
</div>
{% endblock %}
<script>
$(function() {
$('#commune--select-{{ cell.id }}').change(function(e){
const link = this.options[this.selectedIndex].value;
if (link) {
window.location.href = link;
}
})
});
</script>