Commit 21b66fc7 authored by Kushal Pandya's avatar Kushal Pandya

Update styles for Geo Nodes app

parent 30d7ea14
......@@ -11,55 +11,44 @@
.page-subtitle {
margin-bottom: 24px;
}
}
.geo-node-status {
td {
vertical-align: top;
}
.help-block {
width: 135px;
text-align: right;
}
.node-info {
font-weight: $gl-font-weight-bold;
}
.event-timestamp {
.health-message {
padding: 4px 8px 1px;
background-color: $red-100;
color: $red-500;
border-radius: $border-radius-default;
font-weight: normal;
color: $theme-gray-800;
}
}
.sync-status {
font-weight: normal;
svg {
vertical-align: middle;
}
.well-list.geo-nodes {
li {
position: relative;
.sync-status-icon svg,
.sync-status-timestamp {
fill: $theme-gray-700;
color: $theme-gray-700;
&:hover {
background: $white-light;
}
&.sync-status-failure {
.sync-status-icon svg,
.sync-status-timestamp {
fill: $red-700;
color: $red-700;
}
&.node-disabled,
&.node-disabled:hover {
background-color: $gray-lightest;
}
}
}
.advanced-geo-node-status-toggler {
display: block;
.node-badge {
color: $white-light;
display: inline-block;
margin-left: 5px;
padding: 0 5px;
border-radius: 3px;
.show-advance-chevron {
margin-top: 2px;
&.primary-node {
background-color: $blue-300;
}
&.current-node {
background-color: $green-400;
}
}
......@@ -71,6 +60,10 @@
color: $gl-danger;
}
.geo-node-offline {
color: $theme-gray-950;
}
.geo-node-disabled {
color: $gray-darkest;
}
......@@ -79,84 +72,102 @@
color: $gray-darkest;
}
.well-list.geo-nodes {
li {
position: relative;
.geo-nodes {
.node-url-warning {
fill: $gl-warning;
}
}
&:hover {
background: $white-light;
.node-details-list {
.node-detail-item {
margin-top: 14px;
&:first-child {
margin-top: 0;
}
&.node-disabled,
&.node-disabled:hover {
background-color: $gray-lightest;
.node-detail-title,
.node-detail-value {
padding-left: $gl-col-padding;
padding-right: $gl-col-padding;
}
}
}
.advanced-geo-node-status-container {
.btn-link {
padding-left: 0;
padding-right: 0;
border-left: 0;
border-right: 0;
.node-detail-title {
color: $theme-gray-700;
}
.fa {
margin-left: 3px;
.node-detail-value {
margin-top: 4px;
}
}
}
.node-info {
color: $gl-text-color;
}
.node-detail-value-bold {
font-weight: $gl-font-weight-bold;
}
.geo-health {
display: inline-block;
margin-top: 5px;
white-space: pre-wrap;
}
.node-detail-value-error {
color: $gl-danger;
}
.geo-nodes {
.health-message {
padding: 1px 8px;
background-color: $red-100;
color: $red-500;
border-radius: $border-radius-default;
font-weight: 500;
}
}
.btn-show-advanced {
padding-left: 0;
border: 0;
}
.geo-node-mismatch {
color: $gl-danger;
}
.node-health-status {
display: inline-flex;
.node-badge {
color: $white-light;
display: inline-block;
margin-left: 5px;
padding: 0 5px;
border-radius: 3px;
.status-text {
line-height: 18px;
}
}
&.primary-node {
background-color: $blue-300;
}
.node-sync-settings {
display: inline-flex;
cursor: pointer;
&.current-node {
background-color: $green-400;
.sync-status-icon {
margin-top: 2px;
fill: $theme-gray-700;
}
}
.sync-status-event-info,
.event-status-timestamp {
color: $theme-gray-700;
}
.event-status-timestamp {
cursor: pointer;
}
}
}
.node-actions {
margin-top: 10px;
.geo-node-actions {
display: inline-flex;
justify-content: center;
float: right;
@media (min-width: $screen-md-min) {
position: absolute;
right: 15px;
top: 0;
.node-action-container {
margin: 0 5px;
&:last-child {
margin-right: $gl-padding;
}
}
.btn:not(:first-of-type) {
margin-left: 10px;
@media (max-width: $screen-sm-max) {
display: block;
width: 100%;
.node-action-container {
width: 100%;
margin: 0;
margin-top: 10px;
padding: 0 10px;
}
.btn-node-action {
width: 100%;
}
}
}
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