Commit 7fdfc801 authored by Olga Brani's avatar Olga Brani Committed by Alex Pyrgiotis

admin-ui: More settings for theme enabling

Settings for:
* notification area
* popover dismiss
* modals
parent 5f04b264
......@@ -2868,99 +2868,100 @@ p.progress-area {
vertical-align: text-top;
padding: 4px 8px;
border: 1px solid #d9d9d9;
color: #303030;
}
/* line 47, ../sass/_modals.scss */
/* line 48, ../sass/_modals.scss */
.modal textarea.body, .modal input.body {
min-height: 160px;
}
/* line 52, ../sass/_modals.scss */
/* line 53, ../sass/_modals.scss */
.modal label {
margin-right: 6px;
width: 70px;
vertical-align: sub;
}
/* line 59, ../sass/_modals.scss */
/* line 60, ../sass/_modals.scss */
.modal .modal-body {
background-color: white;
}
/* line 64, ../sass/_modals.scss */
/* line 65, ../sass/_modals.scss */
.modal .modal-footer {
margin-top: 0;
}
/* line 66, ../sass/_modals.scss */
/* line 67, ../sass/_modals.scss */
.modal .modal-footer form {
display: inline;
}
/* line 69, ../sass/_modals.scss */
/* line 70, ../sass/_modals.scss */
.modal .modal-footer .custom-btn:first-child {
float: left;
background-color: #303030;
border-color: #303030;
}
/* line 79, ../sass/_modals.scss */
/* line 80, ../sass/_modals.scss */
.modal .custom-btn {
color: white;
opacity: 0.9;
}
/* line 83, ../sass/_modals.scss */
/* line 84, ../sass/_modals.scss */
.modal .custom-btn:hover, .modal .custom-btn:focus {
opacity: 1;
}
/* line 88, ../sass/_modals.scss */
/* line 89, ../sass/_modals.scss */
.modal[data-karma="dark"] .elem {
color: #4e4e4e;
}
/* line 93, ../sass/_modals.scss */
/* line 94, ../sass/_modals.scss */
.modal[data-karma="neutral"] .elem {
color: #207dc9;
}
/* line 99, ../sass/_modals.scss */
/* line 100, ../sass/_modals.scss */
.modal[data-karma="good"] .elem {
color: #007238;
}
/* line 107, ../sass/_modals.scss */
/* line 108, ../sass/_modals.scss */
.modal[data-karma="bad"] .elem {
color: #a66b18;
}
/* line 114, ../sass/_modals.scss */
/* line 115, ../sass/_modals.scss */
.modal[data-caution="warning"][data-karma="good"] .elem, .modal[data-caution="warning"][data-karma="neutral"] .elem {
color: #a66b18;
}
/* line 121, ../sass/_modals.scss */
/* line 122, ../sass/_modals.scss */
.modal[data-caution="dangerous"][data-karma="bad"] .elem, .modal[data-caution="dangerous"][data-karma="neutral"] .elem {
color: #c21934;
}
/* line 128, ../sass/_modals.scss */
/* line 129, ../sass/_modals.scss */
.custom-btn[data-karma="dark"] {
background-color: #222222;
border-color: transparent;
}
/* line 133, ../sass/_modals.scss */
/* line 134, ../sass/_modals.scss */
.modal em {
font-weight: bold;
font-style: normal;
}
/* line 137, ../sass/_modals.scss */
/* line 138, ../sass/_modals.scss */
.modal .popover {
z-index: 2000;
}
/* line 139, ../sass/_modals.scss */
/* line 140, ../sass/_modals.scss */
.modal .popover dl {
color: black;
font-weight: normal;
}
/* line 142, ../sass/_modals.scss */
/* line 143, ../sass/_modals.scss */
.modal .popover dl dt {
width: 90px;
}
/* line 145, ../sass/_modals.scss */
/* line 146, ../sass/_modals.scss */
.modal .popover dl dd {
margin-left: 110px;
}
/* line 149, ../sass/_modals.scss */
/* line 150, ../sass/_modals.scss */
.modal .popover h2 {
font-size: 16px;
color: #303030;
......@@ -2968,33 +2969,33 @@ p.progress-area {
text-align: center;
}
/* line 159, ../sass/_modals.scss */
/* line 160, ../sass/_modals.scss */
.modal-content {
padding: 20px;
color: #303030;
}
/* line 162, ../sass/_modals.scss */
/* line 163, ../sass/_modals.scss */
.modal-content .badge {
background-color: transparent;
}
/* line 169, ../sass/_modals.scss */
/* line 170, ../sass/_modals.scss */
.instructions-icon {
color: #3c96e0;
font-size: 22px;
margin-left: 78px;
}
/* line 173, ../sass/_modals.scss */
/* line 174, ../sass/_modals.scss */
.instructions-icon:hover {
text-decoration: none;
}
/* line 178, ../sass/_modals.scss */
/* line 179, ../sass/_modals.scss */
.extra-info {
margin-top: 10px;
}
/* line 182, ../sass/_modals.scss */
/* line 183, ../sass/_modals.scss */
.error-sign {
color: red;
font-size: 20px;
......@@ -3003,61 +3004,61 @@ p.progress-area {
top: 6px;
display: none;
}
/* line 191, ../sass/_modals.scss */
/* line 192, ../sass/_modals.scss */
.error-sign:hover, .error-sign:focus {
color: red;
text-decoration: none;
}
/* line 198, ../sass/_modals.scss */
/* line 199, ../sass/_modals.scss */
.form-area {
position: relative;
}
/* line 201, ../sass/_modals.scss */
/* line 202, ../sass/_modals.scss */
.form-subject {
margin-bottom: 15px;
}
/* line 205, ../sass/_modals.scss */
/* line 206, ../sass/_modals.scss */
.toggle-more {
margin-top: -16px;
display: none;
}
/* line 212, ../sass/_modals.scss */
/* line 213, ../sass/_modals.scss */
.modal .table-selected th, .modal .table-selected td {
word-break: break-word;
}
/* line 216, ../sass/_modals.scss */
/* line 217, ../sass/_modals.scss */
.modal .table-selected td:last-child .wrap {
padding-right: 36px;
}
/* line 220, ../sass/_modals.scss */
/* line 221, ../sass/_modals.scss */
.modal .table-selected tr:nth-child(2n) {
background: #f2f2f2;
}
/* line 224, ../sass/_modals.scss */
/* line 225, ../sass/_modals.scss */
.modal .table-selected tr a {
font-weight: bold;
}
/* line 229, ../sass/_modals.scss */
/* line 230, ../sass/_modals.scss */
.modal .table-selected tr:hover,
.modal .table-selected tr:focus {
background: #d9d9d9;
}
/* line 231, ../sass/_modals.scss */
/* line 232, ../sass/_modals.scss */
.modal .table-selected tr:hover a,
.modal .table-selected tr:focus a {
color: red;
}
/* line 236, ../sass/_modals.scss */
/* line 237, ../sass/_modals.scss */
.modal .table-selected .remove {
position: absolute;
right: 14px;
color: transparent;
}
/* line 240, ../sass/_modals.scss */
/* line 241, ../sass/_modals.scss */
.modal .table-selected .remove:hover {
cursor: pointer;
text-decoration: none;
......
......@@ -91,7 +91,7 @@
}
.popover-dismiss {
display: inline-block;
@include circle(18px,$snf_gray-light);
@include circle(18px,$popover-dismiss-bg);
text-align: center;
font-weight: bold;
vertical-align: middle;
......@@ -100,11 +100,11 @@
vertical-align: super;
cursor: pointer;
margin-left:10px;
color: lighten($snf_gray-light, 20%);
color: $popover-dismiss-color;
&:hover,
&:focus{
background: lighten($snf_gray-light, 10%);
color: $almost-white;
background: $popover-dismiss-bg-hover;
color: $popover-dismiss-color-hover;
}
}
.popover {
......
......@@ -193,8 +193,8 @@ svg>text:last-child {
width: 100%;
position: fixed;
bottom: 0;
background: $brand-primary;
color: $reverse-text-color;
background: $notify-bg;
color: $notify-color;
.container>*:not(:last-child) {
margin-bottom: 16px;
}
......@@ -229,7 +229,7 @@ svg>text:last-child {
position: absolute;
right: 20px;
top: 20px;
color: $gray-dark;
color: $notify-close-color;
&:hover,
&:focus{
color: $primary-color;
......
......@@ -44,6 +44,7 @@ p.progress-area {
vertical-align: text-top;
padding: 4px 8px;
border: 1px solid $gray-lighter;
color: $modal-text-color;
&.body {
min-height: 160px;
}
......
......@@ -81,6 +81,20 @@ $object-details-bg: lighten($body-bg,3%);
$object-details-border: $gray-light-extra;
$object-details-row-hover-bg: lighten($object-details-bg,2%);
// Popover dismiss icon
$popover-dismiss-bg: $snf_gray-light;
$popover-dismiss-color: lighten($popover-dismiss-bg,20%);
$popover-dismiss-bg-hover: lighten($popover-dismiss-bg,10%);
$popover-dismiss-color-hover: $almost-white;
$modal-text-color: $reverse-text-color;
// Notification area
$notify-bg: #fff;
$notify-color: $reverse-text-color;
$notify-close-color: $gray-dark;
// ----- END OF EXTRA COLOR-RELATED SETIINGS
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment