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

improved my folders display on header

Browse Source
This commit is contained in:
bachir
2020-11-19 21:43:56 +01:00
parent a8645a4b2a
commit fb7acbe3ed
7 changed files with 167 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/materiotheme/assets/dist/main.css
Vendored
+60 -22
View File
@@ -61,27 +61,6 @@ fieldset[data-v-340aa566] {
}
li[data-v-0e1971fa] {
width: 100%;
display: flex;
flex-direction: row;
align-items: baseline;
flex-wrap: nowrap;
}
li h5[data-v-0e1971fa] {
width: 100%;
}
li input[data-v-0e1971fa] {
border: none;
}
li span.mdi[data-v-0e1971fa] {
flex-basis: 1em;
}
li span.mdi-plus-box[data-v-0e1971fa],
li span.mdi-trash-can-outline[data-v-0e1971fa] {
cursor: pointer;
}
#user-tools[data-v-4e9a834e]{
margin-right:0.5em;
@@ -92,6 +71,7 @@ h4[data-v-4e9a834e]{
margin:0;
display:inline-block;
font-size:inherited;
vertical-align: top;
}
body {
@@ -1211,7 +1191,7 @@ aside.messages {
header[role="banner"] {
padding: 0.2em 0 0 0; }
header[role="banner"] #block-userlogin h2, header[role="banner"] #block-header ul.menu li a {
header[role="banner"] #block-userlogin h2, header[role="banner"] #user-tools h4, header[role="banner"] #user-flags h2, header[role="banner"] #user-flags li h5, header[role="banner"] #block-header ul.menu li a {
font-size: 0.9em;
font-weight: 400; }
header[role="banner"] #block-sitebranding h1 {
@@ -1275,6 +1255,64 @@ header[role="banner"] {
display: none; }
header[role="banner"] #block-userblock a {
margin-right: 1em; }
header[role="banner"] #user-tools {
padding-top: 0.06em; }
header[role="banner"] #user-tools h4 {
cursor: pointer; }
header[role="banner"] #user-tools .mdi-logout::before {
margin: -0.125em 0 0 0;
vertical-align: top; }
header[role="banner"] #user-flags {
border-left: 1px solid #000;
padding-left: 0.5em;
margin-left: 0.5em;
display: inline-block;
vertical-align: top;
position: relative; }
header[role="banner"] #user-flags h2 {
cursor: pointer; }
header[role="banner"] #user-flags ul {
position: absolute;
width: 8em;
left: 0;
background-color: #fff;
border-radius: 3px;
background-clip: padding-box;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
padding: 0.3em 0.3em 0.5em;
opacity: 0;
max-height: 1px;
transition: opacity,max-height 0.3s ease-in-out;
overflow: hidden; }
header[role="banner"] #user-flags:hover ul {
opacity: 1;
max-height: 100px;
transition: opacity,max-height 0.2s ease-in-out; }
header[role="banner"] #user-flags li {
width: 100%;
display: flex;
flex-direction: row;
align-items: baseline;
flex-wrap: nowrap; }
header[role="banner"] #user-flags li h5 {
cursor: pointer; }
header[role="banner"] #user-flags li span.mdi {
font-size: 0.9em; }
header[role="banner"] #user-flags li div.actions {
opacity: 0;
transition: opacity 0.3s ease-in-out;
padding-left: 0.5em; }
header[role="banner"] #user-flags li:hover div.actions {
opacity: 1; }
header[role="banner"] #user-flags li input {
border: 1px solid #bbb;
border-radius: 5px;
width: calc(100% - 2em);
font-size: 0.8em; }
header[role="banner"] #user-flags li span.mdi-plus-box,
header[role="banner"] #user-flags li span.mdi-trash-can-outline {
cursor: pointer;
color: #4e4d4d; }
header[role="banner"] #block-header {
margin-right: 1em;
padding-left: 1em;