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

More flex pages dropdown styling

Browse Source
This commit is contained in:
Djamil Legato
2019-09-13 16:17:51 -07:00
parent ab917e5445
commit 7f5027bfb3
6 changed files with 106 additions and 12 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

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

@@ -1942,19 +1942,26 @@ body .bootstrap-datetimepicker-widget {
border-left: 0;
border-right: 0;
.fjs-action-toggle {
.button-group:not(.open) .fjs-action-toggle {
border-color: lighten($core-border-color, 2%);
background-color: darken($content-bg, 2%);
&:hover {
background-color: $content-bg;
}
}
.fjs-children {
@include button-color(darken($content-bg, 20%), $nav-link, true);
border-color: darken($content-bg, 20%);
}
}
&.fjs-active .button-group.open .dropdown-toggle, .button-group.open .dropdown-toggle, &.fjs-active > a .fjs-children {
@include button-color(darken($content-bg, 20%), $nav-link, true);
border-color: darken($content-bg, 20%);
& {
border-left: 0 !important;
}
.fa {
color: $content-bg;
}
}
}
}

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

@@ -217,8 +217,12 @@
/* FIXME: properly move colors to presets */
.dropdown-menu {
top: inherit;
left: inherit;
right: 0;
right: inherit;
bottom: inherit;
position: fixed;
cursor: default;
color: #212529;
text-align: left;
@@ -227,7 +231,37 @@
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
min-width: 250px;
width: 350px;
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;
}
&:last-child {
padding-right: 0;
width: calc(100% - 80px);
}
}
.divider {
height: 0;
@@ -262,6 +296,59 @@
text-align: left;
color: #999;
}
.action-bar {
display: flex;
a, i {
text-align: center;
}
}
.details, .tags, .langs {
padding: .5rem .5rem 0;
}
.infos {
margin: 0 .15rem 1rem;
ul {
margin: 0;
padding: 0;
}
}
.tags {
.tag {
margin: 0 .15rem;
}
.tag-published {
background-color: #219e0d;
}
.tag-visible {
background-color: #018fd9;
}
.tag-non-routable {
background-color: #ff392a;
}
}
.langs {
.lang {
display: inline-block;
font-size: 0.8rem;
}
.lang-translated {
background-color: #219e0d;
}
.lang-non-translated {
background-color: #ff392a;
}
}
}
}
}