pagesassos/server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity

fix(PublicPage): fix style schedule-category-collapse-icon-container

Browse source
This commit is contained in:
Matthieu Bessat 2020-08-19 12:41:50 +02:00
parent 014e51640c
commit 3101da4d0b
2 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
assets/development/styles/organization.css
View file

@ -435,13 +435,20 @@ section {
.schedule-category-header { .schedule-category-header {
background-color: rgba(189,195,199,.97); background-color: rgba(189,195,199,.97);
border-radius: 4px; border-radius: 4px;
display: flex; display: grid;
grid-template-columns: 1fr 1.5em;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 1em 2em 1em 2em; padding: 1em 2em 1em 2em;
cursor: pointer; cursor: pointer;
} }
.schedule-category-collapse-icon-container {
display: flex;
justify-content: flex-end;
align-items: center;
}
.schedule-category-header .subtitle, .schedule-category-header .separator { .schedule-category-header .subtitle, .schedule-category-header .separator {
opacity: 0.75; opacity: 0.75;
} }

10
views/organization.twig
View file

@ -136,10 +136,12 @@
<span class="separator">-</span><span class="subtitle"> {{ item.description|e }}</span> <span class="separator">-</span><span class="subtitle"> {{ item.description|e }}</span>
{% endif %} {% endif %}
</div> </div>
<svg class="schedule-category-collapse-icon" <div class="schedule-category-collapse-icon-container">
aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <svg class="schedule-category-collapse-icon"
<path fill="currentColor" d="M8 256C8 119 119 8 256 8s248 111 248 248-111 248-248 248S8 393 8 256zm231-113.9L103.5 277.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L256 226.9l101.6 101.6c9.4 9.4 24.6 9.4 33.9 0l17-17c9.4-9.4 9.4-24.6 0-33.9L273 142.1c-9.4-9.4-24.6-9.4-34 0z"></path> aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
</svg> <path fill="currentColor" d="M8 256C8 119 119 8 256 8s248 111 248 248-111 248-248 248S8 393 8 256zm231-113.9L103.5 277.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L256 226.9l101.6 101.6c9.4 9.4 24.6 9.4 33.9 0l17-17c9.4-9.4 9.4-24.6 0-33.9L273 142.1c-9.4-9.4-24.6-9.4-34 0z"></path>
</svg>
</div>
</div> </div>
<div class="schedule-category-table"> <div class="schedule-category-table">
<div class="schedule-category-days-container"> <div class="schedule-category-days-container">