added samples to flagcollection and linked material in thematique

This commit is contained in:
2021-03-18 21:58:59 +01:00
parent 406d215a04
commit 50f76ff0cd
8 changed files with 2556 additions and 44 deletions

View File

@@ -493,13 +493,18 @@ aside.messages{
}
}
>nav.tools{
top: auto;
bottom: 0;
// top: auto;
// bottom: 0;
padding:0 0.2em;
background:transparent;
// background:transparent;
.mdi.unflag{
cursor: pointer;
}
.tool.samples{
.tool-content{
}
}
}
}
}
@@ -998,13 +1003,18 @@ article.card{
}
}
>nav.tools{
top: auto;
bottom: 0;
// top: auto;
// bottom: 0;
padding:0 0.2em;
background:transparent;
background:rgba(255,255,255, 0.8);
.mdi.unflag{
cursor: pointer;
}
.tool.samples:hover{
.tool-content{
max-width:140px;
}
}
}
}
&.linkedmaterialcard{
@@ -1117,6 +1127,7 @@ article.card{
max-height: 195px;
max-width:200px;
}
}
}
.tool.flags{
@@ -1164,9 +1175,21 @@ article.card{
}
}
}
.tool.samples{
.tool-content{
font-size: 0.756em;
ul li{
font-weight: bold;
span.showroom{
font-weight: 400;
}
}
}
}
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
&:hover{
nav.tools{
opacity:1;
@@ -1304,7 +1327,7 @@ article.card{
ul{
// display: flex;
// flex-flow: row wrap;
font-size: 0.882em;
font-size: 0.756em;
font-weight: 300;
// line-height: 1.35;
li{
@@ -1426,14 +1449,17 @@ article.card{
}
}
aside.linked-materials{
ul{
width:calc(100% + #{$column_goutiere});
li{
display: inline-block;
vertical-align: top;
width:$column_width;
margin:0 $column_goutiere $column_goutiere 0;
div.card-list{
>ul{
width:calc(100% + #{$column_goutiere});
>li{
display: inline-block;
vertical-align: top;
width:$column_width;
margin:0 $column_goutiere $column_goutiere 0;
}
}
}
h3.field__label{
font-size: 1em;