Skip to content

Commit

Permalink
deploy: 67bd86a
Browse files Browse the repository at this point in the history
  • Loading branch information
@williambelle
williambelle committed Apr 25, 2023
1 parent 1062d8a commit f74c087
Show file tree
Hide file tree
Showing 11 changed files with 138 additions and 128 deletions.
7 changes: 7 additions & 0 deletions components/molecules/card/card-event.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,9 +11,16 @@
{% block date %}
<p class="event-info-date">
{% include '@atoms/icon/icon.twig' with { icon: 'calendar', icon_classes:'feather' } %}
<span class="sr-only">Dates: du</span>
<span class="card-info-date event-date" itemprop="startDate" content="2018-01-10T12:00">10.01.2018</span>
<span class="sep" aria-hidden="true">›</span>
<span class="sr-only">au</span>
<span class="card-info-date event-date" itemprop="endDate" content="2018-01-12T12:00">12.01.2018</span>
{% include '@atoms/icon/icon.twig' with { icon: 'clock', icon_classes:'feather' } %}
<span class="sr-only">Heures: de</span>
<span class="event-time">13:00</span>
<span class="sep" aria-hidden="true">›</span>
<span class="sr-only">à</span>
<span class="event-time">17:30</span>
{% endblock %}
</p>
Expand Down
4 changes: 2 additions & 2 deletions components/pages/event-list/event-list.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@

{% include '@molecules/form-group/form-group-search.twig' %}

<div class="form-group form-group-select">
<div class="form-group form-group-select form-group-categories">
<label class="sr-only">Catégories</label>
<select class="select-multiple" multiple="multiple" data-placeholder="Catégories">
<option value="activites-scientifiques-jeunes">Activités scientifiques pour les jeunes</option>
Expand Down Expand Up @@ -110,7 +110,7 @@
</select>
</div>

<div class="dropdown">
<div class="dropdown dropdown-date">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Date</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
{% include '@molecules/datepicker/datepicker.twig' %}
Expand Down
122 changes: 67 additions & 55 deletions css/elements.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12073,11 +12073,11 @@ a.tag:hover {
}

.collapse-title {
color: #212121;
position: relative;
padding: 0;
background: none;
border: none;
color: #212121;
-webkit-transition: color 0.15s, -webkit-box-shadow 0.25s;
transition: color 0.15s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, color 0.15s;
Expand Down Expand Up @@ -12171,7 +12171,7 @@ a.tag:hover {
margin-bottom: 0;
}

.collapse-item::after {
.collapse-item:after {
content: "";
display: block;
padding-top: 2rem;
Expand Down Expand Up @@ -12207,7 +12207,7 @@ header.collapse-title p {
}
}

header.collapse-title + .collapse-item::before {
header.collapse-title + .collapse-item:before {
content: "";
display: block;
padding-top: 0.5rem;
Expand Down Expand Up @@ -13090,9 +13090,9 @@ ol ol ol > li:before {
counter-increment: third-item;
}
ol ul > li:before {
top: 0.7rem;
background: transparent;
border: 1px solid #ff0000;
top: 0.7rem;
}

.list-unstyled li,
Expand Down Expand Up @@ -13205,8 +13205,8 @@ picture .img-fluid {
text-overflow: ellipsis;
}
.ms-choice > span.placeholder {
color: #707070;
font-size: 1rem;
color: #707070;
}
.ms-choice > div {
position: absolute;
Expand Down Expand Up @@ -14201,9 +14201,27 @@ a.card-gray:hover .card-body {
content: " –";
}
.card-info .event-info:after,
.card-info .event-info-date:after {
.card-info .event-info-date:after,
.card-info .card-info-date.event-date:after {
content: none;
}
.card-info .event-info-date .event-date,
.card-info .event-info-date .event-time,
.card-info .event-info-date .icon {
display: inline-block;
vertical-align: middle;
}
.card-info .event-info-date .icon {
width: 18px;
height: 18px;
color: #707070;
}
.card-info .event-info-date .icon:not(:first-child) {
margin-left: 0.5em;
}
.card-info .event-info > span {
display: block;
}
.card-info a {
display: inline-block;
color: #ff0000;
Expand Down Expand Up @@ -14332,28 +14350,6 @@ p + .card-info {
padding: 0.25rem 0;
}

.card-info .event-date:not(:last-child):after {
content: " –";
}
.card-info .event-time:not(:last-of-type):after {
content: " ›";
margin: 0 0.25em 0 0.15em;
}
.card-info .event-info-date .event-date,
.card-info .event-info-date .event-time,
.card-info .event-info-date .icon {
display: inline-block;
vertical-align: middle;
}
.card-info .event-info-date .icon {
color: #707070;
height: 18px;
width: 18px;
}
.card-info .event-info > span {
display: block;
}

a.card-img-top {
position: relative;
}
Expand Down Expand Up @@ -15232,10 +15228,10 @@ article aside {
padding-right: 40px;
}
.search-container .icon {
color: #c1c1c1;
position: absolute;
top: 50%;
right: 0.75rem;
color: #c1c1c1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: color 0.3s;
Expand Down Expand Up @@ -18503,8 +18499,8 @@ a.nav-arrow:hover .icon-container {
text-decoration: none;
}
.header-light p.site-title {
font-weight: 700;
line-height: 1.1em;
font-weight: 700;
}
.header-light .drawer {
margin-left: -0.9rem;
Expand Down Expand Up @@ -19285,12 +19281,12 @@ a.cc-link {
margin-bottom: 0;
}
.list-group.list-events-featured .list-group-teaser-container {
height: 100%;
background: #fff;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.list-group.list-events-featured .list-group-teaser-container .btn-secondary:hover, .list-group.list-events-featured .list-group-teaser-container .btn-secondary:active, .list-group.list-events-featured .list-group-teaser-container .btn-secondary:focus {
background: #fff;
Expand Down Expand Up @@ -20089,8 +20085,8 @@ article.blog-post footer {
}

.error-title {
color: #ff0000;
font-size: 12vw;
color: #ff0000;
margin-bottom: 0.75rem;
text-align: center;
}
Expand All @@ -20112,55 +20108,71 @@ article.blog-post footer {
margin-left: -10px;
margin-right: -10px;
}
.events-filters form .form-group-search {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.events-filters form .form-group-search .search-container {
margin: 0;
}
.events-filters form > * {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.events-filters .select-multiple .ms-drop,
.events-filters .select-multiple .ms-drop ul,
.events-filters .dropdown .picker__table {
width: auto;
.events-filters form .form-group {
width: 100%;
}
.events-filters .dropdown {
.events-filters form .dropdown {
width: 100%;
margin-bottom: 1rem;
}
.events-filters .dropdown button {
.events-filters form .dropdown button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 0.375rem 0.75rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.375rem 0.75rem;
text-align: left;
width: 100%;
}
.events-filters .dropdown .dropdown-menu.show {
left: auto !important;
.events-filters form .dropdown .dropdown-menu.show {
top: 38px !important;
right: 0;
left: auto !important;
-webkit-transform: none !important;
transform: none !important;
top: 38px !important;
}
.events-filters .dropdown .picker__holder {
.events-filters form .dropdown .picker__holder {
border: 0;
}
@media (max-width: 991.98px) {
.events-filters .dropdown {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
@media (min-width: 768px) {
.events-filters form .form-group,
.events-filters form .dropdown {
width: 25%;
}
.events-filters form .form-group-categories {
width: 100%;
}
}
@media (min-width: 992px) {
.events-filters form .form-group,
.events-filters form .dropdown {
width: 15%;
}
.events-filters form .form-group-categories {
width: 30%;
}
}
.events-filters form .form-group-search {
width: 100%;
}
.events-filters form .form-group-search .search-container {
margin: 0;
}
.events-filters .select-multiple .ms-drop,
.events-filters .select-multiple .ms-drop ul,
.events-filters .dropdown .picker__table {
width: auto;
}
2 changes: 1 addition & 1 deletion css/elements.min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion css/elements.min.css.map
View file

Large diffs are not rendered by default.

Loading

0 comments on commit f74c087

Please sign in to comment.