porte-document on mobile and some display bug corrected

This commit is contained in:
Frédéric Bisson 2019-02-06 18:15:25 +01:00 committed by Emmanuel Cazenave
parent 04680d87d3
commit 29be858e25
2 changed files with 111 additions and 13 deletions

View File

@ -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%;
}

View File

@ -32,7 +32,7 @@ div.tracking-code-part {
position: relative;
left: -43%;
background-color: #82cebb;
padding: 1em 2em;
padding: 1em 1em;
&::before {
content: ' ';