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

permissions crudp styling fixes

Browse Source
This commit is contained in:
Andy Miller
2020-01-29 18:14:11 -07:00
parent a59e85a0ed
commit 67adf0cb29
6 changed files with 81 additions and 23 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

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

@@ -2143,13 +2143,31 @@ body .bootstrap-datetimepicker-widget {
}
}
.crudp-container {
.checkboxes[data-_check-status="1"] input[type=checkbox] + label:before {
.checkboxes.toggleable {
label {
border-color: $form-border ;
background-color: $form-field-bg;
}
}
.checkboxes input[type=checkbox] + label:before {
color: rgba($content-text, 0.3);
}
.checkboxes[data-_check-status="1"] input[type=checkbox] + label {
background-color: $color-olive;
color: $white;
&:before {
color: $white;
}
}
.checkboxes[data-_check-status="2"] input[type=checkbox] + label:before {
.checkboxes[data-_check-status="2"] input[type=checkbox] + label {
background-color: $flat-pomegranate;
color: $white;
&:before {
color: $white;
}
}
}
}

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

@@ -494,22 +494,6 @@ form {
text-align: center;
}
&[data-_check-status="1"] input[type=checkbox] + label:before {
content:"\f00c";
font-family: "FontAwesome";
font-size: 0.9rem;
line-height: 1.6;
text-align: center;
}
&[data-_check-status="2"] input[type=checkbox] + label:before {
content:"\f05e";
font-family: "FontAwesome";
font-size: 0.9rem;
line-height: 1.6;
text-align: center;
}
&.toggleable label{
margin-right: 0;
}
@@ -784,9 +768,65 @@ textarea.frontmatter {
display: flex;
.checkboxes.toggleable {
display: block;
label {
padding-left: 1.8rem;
display: inline-flex;
padding: inherit;
padding-left: 1.5rem;
padding-right: 0.5rem;
font-weight: bold;
border-top-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-width: 0;
border-style: solid;
&:before {
border: none;
background: none;
}
}
& input[type=checkbox] + label:before {
content:"\f023";
font-family: "FontAwesome";
font-size: 0.8rem;
line-height: 1.8;
text-align: center;
}
&[data-_check-status="1"] input[type=checkbox] + label:before {
content:"\f00c";
font-family: "FontAwesome";
}
&[data-_check-status="2"] input[type=checkbox] + label:before {
content:"\f05e";
}
}
& > div:first-child {
.checkboxes.toggleable {
label {
border-left-width: 1px;
border-radius: $form-border-radius 0 0 $form-border-radius;
}
}
}
& > div:last-of-type() {
.checkboxes.toggleable {
label {
border-right-width: 1px;
border-radius: 0 $form-border-radius $form-border-radius 0;
}
}
}
}