From 40e9acb057441f5f14e66ce47d35627a99bc9423 Mon Sep 17 00:00:00 2001
From: Myriam Delaruelle <myriam.delaruelle@univ-lorraine.fr>
Date: Thu, 29 Jun 2023 12:06:00 +0200
Subject: [PATCH] fix responsive
---
styles.css | 23 +++++++++++--------
.../content/section/header.mustache | 4 ++--
2 files changed, 16 insertions(+), 11 deletions(-)
diff --git a/styles.css b/styles.css
index 6094210..4623505 100644
--- a/styles.css
+++ b/styles.css
@@ -267,9 +267,9 @@ ul.nav.navbar-nav.ml-auto {
font-size: 1rem;
border: none;
font-style: normal;
+ margin-left: 5px;
}
-}
.iena-description {
background: #EEE;
@@ -437,7 +437,7 @@ ul.nav.navbar-nav.ml-auto {
.iena-progress-legend #caption-iena .caption-status{
margin-right: 0;
- display: inline-block;
+ display: block;
margin-bottom: 5px;
cursor: default!important;
}
@@ -891,6 +891,7 @@ tbody th{
#caption-iena .caption-status{
display: flex;
margin-right: 20px;
+ align-items: center;
}
#caption-iena .caption-status .pointer-help{
@@ -1066,7 +1067,7 @@ th.first-column-iena, th.second-column-iena, th.actions-column-iena, th.third-co
display: none;
}
-@media only screen and (max-width : 500px) {
+@media only screen and (max-width : 768px) {
.mobile_titre_section{
display: block;
flex-basis: 100%;
@@ -1075,15 +1076,20 @@ padding-bottom: 14px;
border-bottom: 1px solid #dee2e6;
}
+
.course-section-header{
flex-wrap: wrap;
}
.titre_section, .right_info .sect-date, .nb_pers.set_height.id_groupe0{
display: none!important;
}
-
+ .label_item.sect-date.prog{
+ display: block !important;
+ padding: 5px 8px;
+ font-size: 0.90rem;
+ }
.d-flex.align-items-start.position-relative{
- flex-basis: 85%;
+ flex-basis: 80%;
}
.right-info{
flex-basis: 15%;
@@ -1094,13 +1100,12 @@ border-bottom: 1px solid #dee2e6;
padding: 6px 10px 4px 10px;
border-radius: 31px;
}
- .iena-icon-distance::after{
+ .iena-icon-distance::after, .iena-icon-presence::after{
font-size: initial;
- color:var(--main-color);
+
}
.label_item.sect-mode{
- background: white!important;
- padding: 0px 5px;
+ padding: 2px 6px;
}
.mobile-sect-date{
float: right!important;
diff --git a/templates/courseformat/content/section/header.mustache b/templates/courseformat/content/section/header.mustache
index 92d2383..eeb3df4 100644
--- a/templates/courseformat/content/section/header.mustache
+++ b/templates/courseformat/content/section/header.mustache
@@ -48,7 +48,7 @@
<div class="label_item sect-mode">
<span class="iena-icon-presence" data-toggle="tooltip" data-placement="top" title="{{#str}} in_presence, format_iena {{/str}}"></span>
</div>
- <span>{{#str}} in_presence, format_iena {{/str}}</span>
+
{{#date}}
<div class="label_item mobile-sect-date sect-date">
{{date}}
@@ -73,7 +73,7 @@
<div class="label_item sect-mode">
<span class="iena-icon-distance" data-toggle="tooltip" data-placement="top" title="{{#str}} not_presence, format_iena {{/str}}"></span>
</div>
- <span>{{#str}} not_presence, format_iena {{/str}}</span>
+
{{#date}}
<div class="label_item mobile-sect-date sect-date">
{{date}}
--
GitLab