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

flagging unflagging cards

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2020-11-24 14:07:10 +01:00
parent ffc4a88094
commit a38653f7ce
14 changed files with 476 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1631,6 +1631,37 @@ article.card {
font-size: 0.693em;
font-weight: 300;
line-height: 1; }
article.card nav.tools {
position: absolute;
top: 0;
right: 0;
z-index: 21;
width: 1em;
background-color: #fff;
box-sizing: content-box;
padding: 0.3em 0.1em; }
article.card nav.tools > * {
overflow: visible;
position: relative; }
article.card nav.tools > * span.btn {
overflow: hidden;
font-size: 0.882em; }
article.card nav.tools > * .tool-content {
position: absolute;
top: 0px;
right: 100%;
width: 5em;
box-sizing: content-box;
padding: 0.3em;
background-color: #fff;
box-shadow: -2px 3px 4px rgba(0, 0, 0, 0.2); }
article.card nav.tools .tool.flags span.flag {
cursor: pointer;
font-size: 0.756em;
color: #bbb;
transition: color 0.3s ease-in-out; }
article.card nav.tools .tool.flags span.flag:hover, article.card nav.tools .tool.flags span.flag.isActive {
color: #1a1a1a; }
article.card section.images {
position: relative; }
article.card section.images, article.card section.images * {

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

File diff suppressed because one or more lines are too long

39
web/themes/custom/materiotheme/assets/styles/main.scss
View File

@@ -694,6 +694,45 @@ article.card{
line-height: 1;
}
}
nav.tools{
position: absolute;
top: 0;
right: 0;
z-index: 21;
width: 1em;
background-color: #fff;
box-sizing: content-box;
padding: 0.3em 0.1em;
>*{
overflow: visible;
position: relative;
span.btn{
overflow: hidden;
font-size: 0.882em;
}
.tool-content{
position: absolute;
top: 0px;
right: 100%;
width: 5em;
box-sizing: content-box;
padding: 0.3em;
background-color: #fff;
box-shadow: -2px 3px 4px rgba(0, 0, 0, 0.2);
}
}
.tool.flags{
span.flag{
cursor: pointer;
font-size: 0.756em;
color: #bbb;
transition: color 0.3s ease-in-out;
&:hover, &.isActive{
color:#1a1a1a;
}
}
}
}
section.images{
position: relative;
&, *{width: 100%; height:100%;}