porte-document on mobile and some display bug corrected
This commit is contained in:
parent
04680d87d3
commit
29be858e25
|
@ -322,12 +322,16 @@ div.a2-block form button, div.a2-block form input[type="submit"] {
|
|||
|
||||
div#content div.buttons.submit {
|
||||
@include flexbox();
|
||||
& div.submit-button {
|
||||
order: 1;
|
||||
& div.submit-button { order: 1; }
|
||||
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
div#content div.SubmitWidget {
|
||||
margin-bottom: 0;
|
||||
|
||||
button[name=submit][value=Suivant],
|
||||
button[name=submit][value=Valider],
|
||||
button[name=previous] {
|
||||
|
@ -338,15 +342,11 @@ div#content div.SubmitWidget {
|
|||
border: none;
|
||||
cursor: pointer;
|
||||
padding-right: 3.5em;
|
||||
&[name=submit][value=Suivant] {
|
||||
background-image: url(img/avant.svg);
|
||||
}
|
||||
&[name=submit][value=Valider] {
|
||||
background-image: url(img/valider.svg);
|
||||
}
|
||||
&[name=previous] {
|
||||
background-image: url(img/retour.svg);
|
||||
}
|
||||
margin-bottom: 1em;
|
||||
|
||||
&[name=submit][value=Suivant] { background-image: url(img/avant.svg); }
|
||||
&[name=submit][value=Valider] { background-image: url(img/valider.svg);}
|
||||
&[name=previous] { background-image: url(img/retour.svg); }
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -428,6 +428,7 @@ body.page-index #sidebar {
|
|||
|
||||
@media screen and (min-width: $mobile-limit) {
|
||||
display: grid;
|
||||
grid-gap: 1rem;
|
||||
column-gap: 1rem;
|
||||
row-gap: 1rem;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
|
@ -540,6 +541,7 @@ body.page-index #sidebar {
|
|||
body.page-index #columns {
|
||||
@media screen and (min-width: $mobile-limit) {
|
||||
display: grid;
|
||||
grid-gap: 1rem 1rem;
|
||||
column-gap: 1rem;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
@ -643,9 +645,105 @@ body.page-codesuivi {
|
|||
position: relative;
|
||||
left: -6em;
|
||||
z-index: 1;
|
||||
|
||||
button { width: 14em; }
|
||||
}
|
||||
|
||||
div.list-of-forms span.form-number {
|
||||
opacity: inherit;
|
||||
color: #575757;
|
||||
}
|
||||
}
|
||||
|
||||
body.page-porte-doc {
|
||||
td.thumbnail img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#columns h2 {
|
||||
color: $red;
|
||||
font-size: 150%;
|
||||
}
|
||||
|
||||
ul.pagination {
|
||||
padding: 0 0 2rem 0;
|
||||
li.previous { float: left; }
|
||||
li.next { float: right; }
|
||||
}
|
||||
|
||||
#user-files {
|
||||
tr.odd { background: #d8f0ea; }
|
||||
tr.even { background: transparent; }
|
||||
|
||||
@media screen and (min-width: $mobile-limit) {
|
||||
a.icon-remove::before { color: #c64a59; }
|
||||
a.icon-remove { border-bottom: none; }
|
||||
|
||||
tr::before, a.icon-remove::before { font-size: 200%; }
|
||||
th.size, th.created, td.size, td.created { text-align: center; }
|
||||
th.title { padding: 0.5ex 1em; }
|
||||
}
|
||||
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
table, thead, tbody, th, td, tr { display: block; }
|
||||
|
||||
thead tr {
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
left: -9999px;
|
||||
}
|
||||
|
||||
tr {
|
||||
margin: 0 0 1rem 0;
|
||||
padding: 0.5em;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
&.even { background: #d8f0ea; }
|
||||
}
|
||||
|
||||
tr::before {
|
||||
width: inherit;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 1em;
|
||||
top: 0.8em;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
position: relative;
|
||||
padding-left: 8em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
td::before {
|
||||
position: absolute;
|
||||
top: 0.2em;
|
||||
left: 0.5em;
|
||||
width: 8em;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
td:nth-of-type(1) {
|
||||
border-bottom: 0.3em solid white;
|
||||
padding-left: 2em;
|
||||
margin-bottom: 0.3em;
|
||||
padding-bottom: 0.4em;
|
||||
}
|
||||
|
||||
td:nth-of-type(2)::before { content: "Taille"; }
|
||||
td:nth-of-type(3)::before { content: "Création"; }
|
||||
|
||||
a.icon-remove::before {
|
||||
content: "Supprimer";
|
||||
font-family: inherit;
|
||||
color: #c64a59;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.fileinfo a.remove::before {
|
||||
font-size: 150%;
|
||||
}
|
||||
|
|
|
@ -32,7 +32,7 @@ div.tracking-code-part {
|
|||
position: relative;
|
||||
left: -43%;
|
||||
background-color: #82cebb;
|
||||
padding: 1em 2em;
|
||||
padding: 1em 1em;
|
||||
|
||||
&::before {
|
||||
content: ' ';
|
||||
|
|
Reference in New Issue