bachir/materio-base-legacy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

personal note display for viewmode cardfull

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2017-11-29 17:14:01 +01:00
parent 8b486ffc60
commit b20732f9a8
5 changed files with 385 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
sites/all/themes/gui/materiobasetheme/scss/styles.scss
View File

@@ -1603,27 +1603,31 @@ $cardmargin:7px;
}
// NOTES
transition: width 0.3s ease-in-out;
$note_label_h:20px;
&.node-materiau.vm-cardmedium,
&.node-materiau.vm-cardbig{
transition: width 0.3s ease-in-out;
&.note-opened{
>div.side{
width:$w;
}
width:$w*2+$cardmargin*2;
nav.nav{
border-radius: 0 0 0 3px;
}
}
}
&.node-materiau.vm-cardmedium.note-opened,
&.node-materiau.vm-cardbig.note-opened{
>div.side{
width:$w;
}
width:$w*2+$cardmargin*2;
nav.nav{
border-radius: 0 0 0 3px;
}
&.node-materiau.vm-cardbig.note-opened,
&.node-materiau.vm-cardfull.note-opened{
.note-wrapper{
width:$w+$cardmargin*2; height:$h;
position :absolute; top:0; right:0;
z-index:10; position :absolute;
.close{
position: absolute;
width:15px; height:15px; top:5px; right:5px;
// padding: 3px 3px 0 0;
// border-radius: 0 7px 0 0;
width:15px; height:15px;
top:5px; right:5px;
background-color: #fff!important;
background-image: url(../img/close2.png);
background-size: contain;
@@ -1633,25 +1637,48 @@ $cardmargin:7px;
.form-item{
margin:0;
}
$label_h:20px;
label{
// display: none;
height:$label_h;
height:$note_label_h;
@include fs14;
margin:0 5px;
line-height: 1.6;
}
textarea{
border: #ccc 1px solid;
border-radius: 0 7px 7px 0;
resize:none;
padding:5px; margin:5px;
height:$h - 10px - $label_h;
width:$w+$cardmargin*2 - 10px;
@include fs12;
}
}
}
&.node-materiau.vm-cardmedium.note-opened,
&.node-materiau.vm-cardbig.note-opened{
.note-wrapper{
width:$w+$cardmargin*2; height:$h;
top:0; right:0;
}
textarea{
width:$w+$cardmargin*2 - 10px;
border-radius: 0 7px 7px 0;
height:$h - 10px - $note_label_h;
}
}
&.node-materiau.vm-cardfull.note-opened{
.note-wrapper{
width:$w / 2;
left:0;
height:$h / 2;
top:$h / 2;
background-color: #fff;
border-radius: 0 0 0 7px;
}
textarea{
width:$w / 2 - 10px;
border-radius: 0 0 0 7px;
height:$h / 2 - 10px - $note_label_h;
}
}
}// .card()
/*