bachir/gdp_vuewp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

redesigned index nominum item page

Browse Source
This commit is contained in:
bachir
2022-03-10 18:07:38 +01:00
parent 1ca1469233
commit 9f806420d5
6 changed files with 350 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/app.scss
+110 -59
View File
@@ -312,73 +312,139 @@ section[role="main-content"]{
color: $bleuroilight;
font-size: 0.7em;
}
.attested-forms{
ul{
// >li{
// margin: 0 0 1em 0;
// li{
// margin: 0 0 0.5em 0;
// }
// }
}
a{
@include title4grey;
color: $grisfonce;
font-weight: 400;
}
}
}
.tabs{
border-bottom: 1px solid $bleuroilight;
margin-bottom: $base-line / 2;
.tab{
cursor: pointer;
border-radius: 5px 5px 0 0;
z-index: 10;
display: inline-block;
margin-bottom: -2px;
padding: 0.3em 0.5em;
border: 1px solid $bleuroilight;
&.active{
border-bottom: 2px solid white;
}
}
}
.occurences{
>ul{
>li{
padding:0 0 2em 0;
padding:0 0 $base-line / 2 0;
h3{
@include title2black;
padding:0 0 0.5em 0;
padding:0 0 $base-line / 2 0;
color: $bleuroi;
}
>ul{
>li{
padding:0 0 0.5em 0;
// padding:0 0 0.5em 0;
section{
h4{
@include title3black;
display: inline-block;
}
span.open-close{
cursor: pointer;
display: inline-block;
svg{
transform: rotate(-90deg) scale(0.8);
transition: transform 0.3s ease-in-out;
path{
fill:$bleuroi;
a{
span.form{
font-style: italic;
}
}
}
div.text{
max-height: 0;
transition: max-height 0.3s ease-in-out;
overflow: hidden;
box-sizing: content-box;
p, h1, h2, h3, h4, h5, h6{
margin: 0.5em 0 0 0;
}
}
a.lire-plus{
color: $bleuroi;
opacity: 0;
display: inline-block;
height: 0;
overflow: hidden;
transition: height, opacity 0.3s ease-in-out;
}
&.opened{
span.open-close{
cursor: pointer;
display: inline-block;
svg{
transform: scale(0.8) rotate(0);
}
}
div.text{
max-height:100px;
}
a.lire-plus{
opacity: 1;
height:1em;
}
// ? c'est quoi ça ?
// span.open-close{
// cursor: pointer;
// display: inline-block;
// svg{
// transform: rotate(-90deg) scale(0.8);
// transition: transform 0.3s ease-in-out;
// path{
// fill:$bleuroi;
// }
// }
// }
// div.text{
// max-height: 0;
// transition: max-height 0.3s ease-in-out;
// overflow: hidden;
// box-sizing: content-box;
// p, h1, h2, h3, h4, h5, h6{
// margin: 0.5em 0 0 0;
// }
// }
// a.lire-plus{
// color: $bleuroi;
// opacity: 0;
// display: inline-block;
// height: 0;
// overflow: hidden;
// transition: height, opacity 0.3s ease-in-out;
// }
// &.opened{
// span.open-close{
// cursor: pointer;
// display: inline-block;
// svg{
// transform: scale(0.8) rotate(0);
// }
// }
// div.text{
// max-height:100px;
// }
// a.lire-plus{
// opacity: 1;
// height:1em;
// }
// }
}
}
}
}
}
}
.attested-forms-occurences{
ul{
>li{
margin: 0 0 1em 0;
h3{
@include title2black;
padding:0 0 $base-line / 2 0;
}
li{
margin: 0 0 0.5em 0;
h4{
@include title3black;
display: inline-block;
a{
span.edition{
font-style: italic;
}
}
}
}
}
}
a{
@include title4grey;
color: $grisfonce;
font-weight: 400;
}
}
nav{
h3{
@@ -390,21 +456,6 @@ section[role="main-content"]{
margin:0 0 0.5em;
color: $bleuroi;
}
.attested-forms{
ul{
>li{
margin: 0 0 1em 0;
li{
margin: 0 0 0.5em 0;
}
}
}
a{
@include title4grey;
color: $grisfonce;
font-weight: 400;
}
}
}
}
assets/css/base/_fonts.scss
+2
View File
@@ -51,6 +51,7 @@ footer[role="tools"] .row>nav{
color: $grisfonce;
font-weight: 400;
margin:0;
line-height: $base-line / 2;
}
@mixin title3black {
@@ -59,6 +60,7 @@ footer[role="tools"] .row>nav{
color: $grisfonce;
font-weight: 400;
margin:0;
line-height: $base-line / 2;
}
@mixin title4black {