CSS: improve appareance card and

gestion_title  on small screens
This commit is contained in:
sparkyx 2026-04-10 16:33:54 +02:00
parent 77fc89a7cd
commit 0329aa328f

View file

@ -1292,8 +1292,6 @@ div.inner_box {
background-color: var(--bg-inner-box);
font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
font-family: 'OpenSansRegular';
/*! font-family: 'var(--font-button)'; */
/*! padding:2px; */
margin:0px;
overflow:hidden;
z-index:3;
@ -1304,8 +1302,8 @@ div.inner_box {
box-shadow: 15px 15px 15px #888;
font-size:100%;
font-size:1rem;
width: 50%;
left:22% ;
width: 100%;
left:0;
}
/* SM */
@media (max-width: 576px) {
@ -1316,7 +1314,10 @@ div.inner_box {
}
div.inner_box div.content,div.inner_box2 div.content {
padding:2px;
}
}
div.inner_box2 {
left:22% ;
}
}
/* MD */
@media (min-width: 768px) {
@ -1326,8 +1327,8 @@ div.inner_box {
border-radius: 0px;
}
div.inner_box2 {
width: 75%;
left:5% ;
width: 95%;
left:2% ;
border-radius: 0px;
}
}
@ -1357,7 +1358,7 @@ div.inner_box {
border-radius: 7px;
}
div.inner_box2{
width: 50%;
width: min(70%,80rem);;
left: 20%;
padding-bottom: 10px;
border-radius: 7px;
@ -2769,6 +2770,29 @@ td.selectedmenu {
/*
* Name of the tiers in GESTION
*/
#gestion_title {
font-variant: small-caps;
color:navy;
font-size: max(150%,1.5rem) !important;
font-variant:regular;
background-color:transparent;
}
/* SM */
@media (min-width: 576px) {
}
/* MD */
@media (min-width: 768px) {
}
/* LG */
@media (min-width: 992px) {
}
/* XL */
@media (min-width: 1200px) {
#gestion_title {
float:right;
margin-right: 5%;
@ -2776,8 +2800,18 @@ td.selectedmenu {
font-variant: small-caps;
padding: 13px 20px 13px 20px;
margin-top:20px;
background-color:#141d77;
color:#FE8300;
background-color:#dee4eb;
color:navy;
font-size: max(150%,1.5rem) !important;
border-color: navy;
border-style: double;
font-style:normal;
border-color: #879ed4;
border-style: solid;
font-style:normal;
border-radius:5px;
border-width:1px;
}
}
/*
* Style for the Inplace Edit element