bachir/materio-d9
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added samples to flagcollection and linked material in thematique

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2021-03-18 21:58:59 +01:00
parent 406d215a04
commit 50f76ff0cd
8 changed files with 2556 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web/themes/custom/materiotheme/assets/dist/main.css vendored
View File

@@ -1549,10 +1549,7 @@ aside.messages {
#content-left .flag-collection > ul > li article.card.minicard > header h1 {
margin: 0; }
#content-left .flag-collection > ul > li article.card.minicard > nav.tools {
top: auto;
bottom: 0;
padding: 0 0.2em;
background: transparent; }
padding: 0 0.2em; }
#content-left .flag-collection > ul > li article.card.minicard > nav.tools .mdi.unflag {
cursor: pointer; }
@@ -1878,12 +1875,12 @@ article.card {
article.card.minicard > header span.ref {
line-height: 0.5; }
article.card.minicard > nav.tools {
top: auto;
bottom: 0;
padding: 0 0.2em;
background: transparent; }
background: rgba(255, 255, 255, 0.8); }
article.card.minicard > nav.tools .mdi.unflag {
cursor: pointer; }
article.card.minicard > nav.tools .tool.samples:hover .tool-content {
max-width: 140px; }
article.card.linkedmaterialcard {
width: 190px;
height: 110px; }
@@ -2003,6 +2000,12 @@ article.card {
color: #1a1a1a; }
article.card nav.tools .tool.flags li.create-flag span.add-btn.loading:before {
animation: rotating 2s linear infinite; }
article.card nav.tools .tool.samples .tool-content {
font-size: 0.756em; }
article.card nav.tools .tool.samples .tool-content ul li {
font-weight: bold; }
article.card nav.tools .tool.samples .tool-content ul li span.showroom {
font-weight: 400; }
article.card:hover nav.tools {
opacity: 1; }
article.card section.images {
@@ -2087,7 +2090,7 @@ article.card {
article.card.modal-card section.col-right nav.tools div.tool-content {
min-width: 385px; }
article.card.modal-card section.col-right section.tool.samples div.tool-content ul {
font-size: 0.882em;
font-size: 0.756em;
font-weight: 300; }
article.card.modal-card section.col-right section.tool.samples div.tool-content ul li {
padding-right: 0.5em; }
@@ -2150,9 +2153,9 @@ article.card {
#main-content > article.thematique div.col-left section.visuel img {
width: 100%; }
#main-content > article.thematique aside.linked-materials ul {
#main-content > article.thematique aside.linked-materials div.card-list > ul {
width: calc(100% + 13px); }
#main-content > article.thematique aside.linked-materials ul li {
#main-content > article.thematique aside.linked-materials div.card-list > ul > li {
display: inline-block;
vertical-align: top;
width: 205px;

2477
web/themes/custom/materiotheme/assets/dist/main.js vendored
View File

File diff suppressed because one or more lines are too long

54
web/themes/custom/materiotheme/assets/styles/main.scss
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;