Nemcio/Grav-Admin-Plugin
1
0
Fork 0
mirror of https://github.com/getgrav/grav-plugin-admin.git synced 2026-05-06 10:16:37 +02:00
Code Issues Packages Projects Releases Activity

tweak dropdown styling a smidge

Browse Source
This commit is contained in:
Andy Miller
2019-09-16 14:56:15 -06:00
parent 171a387d8a
commit 36070d118f
6 changed files with 79 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
themes/grav/css-compiled/preset.css vendored
View File

File diff suppressed because one or more lines are too long

2
themes/grav/css-compiled/preset.css.map
View File

File diff suppressed because one or more lines are too long

2
themes/grav/css-compiled/template.css vendored
View File

File diff suppressed because one or more lines are too long

2
themes/grav/css-compiled/template.css.map
View File

File diff suppressed because one or more lines are too long

34
themes/grav/scss/preset.scss
View File

@@ -2009,4 +2009,38 @@ body .bootstrap-datetimepicker-widget {
}
}
.dropdown-menu {
.divider {
border-top: 1px solid lighten($core-border-color,5%);
}
.dropdown-item {
color: #212529;
background-color: transparent;
&:hover {
color: $page-link;
background-color: darken($page-bg, 5%);
}
}
.action-bar {
background: darken($page-bg, 2%);
}
.fa {
color: #999;
}
a:hover .fa {
color: $page-link;
}
.infos {
tr td:first-child {
color: lighten($page-text, 10%);
}
}
}
}

68
themes/grav/scss/template/_pages.scss
View File

@@ -225,6 +225,8 @@
position: fixed;
cursor: default;
padding: 0 0 0.5rem;
color: #212529;
text-align: left;
list-style: none;
@@ -234,33 +236,42 @@
border-radius: .25rem;
width: 350px;
.tags {
padding-top: 0;
}
a {
cursor: pointer;
}
table {
display: table;
}
table tr {
display: table-row;
}
table td {
display: table-cell;
text-align: left;
flex: none;
word-break: break-all;
white-space: normal;
&:first-child {
padding-left: 0;
width: 80px;
tbody {
width: 100%;
display: inherit;
}
&:last-child {
padding-right: 0;
width: calc(100% - 80px);
tr {
display: table-row;
}
td {
display: table-cell;
text-align: left;
flex: none;
word-break: break-all;
white-space: normal;
&:first-child {
padding-left: 0;
width: 80px;
}
&:last-child {
padding-right: 0;
width: calc(100% - 80px);
}
}
}
@@ -268,25 +279,29 @@
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef;
}
.action-bar {
border-radius: $border-radius $border-radius 0 0;
& + .divider {
margin-top: 0;
}
}
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1rem;
padding: 0.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
border-radius: $border-radius;
&:hover {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa;
}
}
@@ -295,7 +310,6 @@
width: 20px;
height: inherit;
text-align: left;
color: #999;
}
.action-bar {
@@ -307,11 +321,11 @@
}
.details, .tags, .langs {
padding: .5rem .5rem 0;
padding: 0 .5rem 0;
}
.infos {
margin: 0 .15rem 1rem;
margin: 0 .15rem;
ul {
margin: 0;
padding: 0;