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

more flexpage styling

Browse Source
This commit is contained in:
Andy Miller
2019-09-09 18:01:23 -06:00
parent af8416f174
commit 6fea413198
7 changed files with 184 additions and 15 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

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

@@ -1799,7 +1799,49 @@ body .bootstrap-datetimepicker-widget {
@import "template/modules/input-range";
// Page Column View
#pages-filters {
background: $nav-bg;
color: rgba($nav-text, 0.7);
.filters-bar {
input {
background-color: lighten($nav-bg, 8%);
border-color: lighten($nav-bg, 12%);
color: $nav-link;
}
.button-border {
@include button-color-border(lighten($nav-bg, 10%), $nav-text);
color: $nav-text !important;
}
}
.filters-advanced {
fieldset {
border: 1px solid lighten($nav-bg, 5%);
legend {
background: $nav-bg;
color: $nav-text;
font-weight: bold;
}
}
}
form {
.checkboxes {
label:before {
background-color: lighten($nav-bg, 8%);
border-color: lighten($nav-bg, 12%);
color: $nav-link;
}
}
}
}
#pages-columns {
border-top: 1px solid $core-border-color;
.fjs-item {
.fjs-icon {
@@ -1807,19 +1849,19 @@ body .bootstrap-datetimepicker-widget {
box-shadow: 0px 0px 0px 1px #fff;
&.home {
background-color: $color-navy;
background-color: $flat-blue-2;
}
&.visible {
background-color: darken($color-aqua, 5%);
background-color: $flat-blue-1;
}
&.lock {
background-color: $color-orange;
background-color: $flat-orange-2;
}
&.modular {
background-color: $color-purple;
background-color: $flat-purple-1;
}
&:after {
@@ -1827,16 +1869,16 @@ body .bootstrap-datetimepicker-widget {
}
&.badge-published:after {
background-color: $color-green;
background-color: $flat-green-4;
}
&.badge-unpublished:after {
background-color: $color-red;
background-color: $flat-red-1;
}
.badge-lang {
background-color: $content-tabs-bg;
color: $content-tabs-text;
background-color: darken($content-tabs-bg, 2%);
color: darken($content-tabs-text, 5%);
border: 1px solid $content-bg;
&.default {
@@ -1855,7 +1897,7 @@ body .bootstrap-datetimepicker-widget {
}
> em {
color: lighten($page-text, 20%);
color: lighten($page-text, 15%);
}
}
@@ -1896,11 +1938,16 @@ body .bootstrap-datetimepicker-widget {
border-right: 0;
.fjs-action-toggle {
border-color: lighten($core-border-color, 2%)
border-color: lighten($core-border-color, 2%);
background-color: darken($content-bg, 2%);
&:hover {
background-color: $content-bg;
}
}
.fjs-children {
@include button-color(lighten($nav-bg, 10%), $nav-link, false);
@include button-color(darken($content-bg, 20%), $nav-link, true);
border-color: darken($content-bg, 20%);
}
}

74
themes/grav/scss/template/_colors.scss
View File

@@ -17,3 +17,77 @@ $color-maroon: #85144b;
$color-fuchsia: #F012BE;
$color-purple: #B10DC9;
// +-------------------------------------------------------------------------+
// | Flat UI |
// +-------------------------------------------------------------------------+
// Greens
$flat-turquoise: #1ABC9C;
$flat-green-sea: #16A085;
$flat-emerald: #2ECC71;
$flat-nephritis: #27AE60;
// Blues
$flat-peter-river: #3498DB;
$flat-belize-hole: #2980B9;
$flat-wet-asphalt: #34495E;
$flat-midnight-blue: #2C3E50;
// Purples
$flat-amethyst: #9B59B6;
$flat-wisteria: #8E44AD;
// Yellows
$flat-sunflower: #F1C40F;
// Oranges
$flat-orange: #F39C12;
$flat-carrot: #E67E22;
$flat-pumpkin: #D35400;
// Reds
$flat-alizarin: #E74C3C;
$flat-pomegranate: #C0392B;
// Grays
$flat-clouds: #ECF0F1;
$flat-silver: #BDC3C7;
$flat-concrete: #95A5A6;
$flat-asbestos: #7F8C8D;
// Aliases make colors easier to remember.
// Greens
$flat-green-1: $flat-turquoise;
$flat-green-2: $flat-green-sea;
$flat-green-3: $flat-emerald;
$flat-green-4: $flat-nephritis;
// Blues
$flat-blue-1: $flat-peter-river;
$flat-blue-2: $flat-belize-hole;
$flat-blue-3: $flat-wet-asphalt;
$flat-blue-4: $flat-midnight-blue;
// Purples
$flat-purple-1: $flat-amethyst;
$flat-purple-2: $flat-wisteria;
// Yellows
$flat-yellow-1: $flat-sunflower;
// Oranges
$flat-orange-1: $flat-orange;
$flat-orange-2: $flat-carrot;
$flat-orange-3: $flat-pumpkin;
// Refs
$flat-red-1: $flat-alizarin;
$flat-red-2: $flat-pomegranate;
// Grays
$flat-gray-1: $flat-clouds;
$flat-gray-2: $flat-silver;
$flat-gray-3: $flat-concrete;
$flat-gray-4: $flat-asbestos;

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

@@ -1,4 +1,51 @@
#pages-filters {
margin-bottom: 1rem;
margin-top: -1rem;
padding: 1rem;
.filters-bar {
display: flex;
align-items: center;
.button-border {
margin-left: 0.5rem;
padding: .375rem .375rem;
white-space: nowrap;
}
}
.filters-advanced {
margin-top: 1rem;
fieldset {
margin: 1rem 0 0;
border-radius: $border-radius;
legend {
margin-left: -0.5rem;
padding: 0 0.5rem;
}
.checkboxes {
margin-right: 1.5rem;
label {
padding-left: 1.7rem;
&:before {
margin-top: -0.6rem;
margin-right: 0;
width: 1.25rem;
height: 1.25rem;
}
}
}
}
}
}
#pages-columns {
.fjs-col {
width: 300px;
}
@@ -98,6 +145,7 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-style: normal;
}
> b {