mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
tech: ran prettier on all scss files
This commit is contained in:
Torkel Ödegaard
@@ -2,18 +2,17 @@
|
||||
// Alerts
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Base styles
|
||||
// -------------------------
|
||||
|
||||
.alert {
|
||||
padding: 1.25rem 2rem 1.25rem 1.5rem;
|
||||
margin-bottom: $line-height-base;
|
||||
text-shadow: 0 2px 0 rgba(255,255,255,.5);
|
||||
text-shadow: 0 2px 0 rgba(255, 255, 255, 0.5);
|
||||
background: $alert-error-bg;
|
||||
position: relative;
|
||||
color: $white;
|
||||
text-shadow: 0 1px 0 rgba(0,0,0,.2);
|
||||
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
|
||||
border-radius: 2px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@@ -57,7 +56,7 @@
|
||||
.fa {
|
||||
align-self: flex-end;
|
||||
font-size: 1.5rem;
|
||||
color: rgba(255,255,255,.75)
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
&[disabled],
|
||||
&:disabled {
|
||||
cursor: $cursor-disabled;
|
||||
opacity: .65;
|
||||
opacity: 0.65;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
@@ -136,10 +136,13 @@
|
||||
@include box-shadow(none);
|
||||
cursor: default;
|
||||
|
||||
&:hover, &:active, &:active:hover, &:focus {
|
||||
&:hover,
|
||||
&:active,
|
||||
&:active:hover,
|
||||
&:focus {
|
||||
color: $gray-1;
|
||||
background-color: transparent;
|
||||
border-color: $gray-1;
|
||||
border-color: $gray-1;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -178,8 +181,8 @@ $btn-service-icon-width: 35px;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
padding-left: .5rem;
|
||||
padding-right: .5rem;
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
width: $btn-service-icon-width;
|
||||
text-align: center;
|
||||
|
||||
@@ -196,4 +199,4 @@ $btn-service-icon-width: 35px;
|
||||
background-position: 50%;
|
||||
background-size: 60%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -125,7 +125,6 @@
|
||||
}
|
||||
|
||||
.card-list-layout-grid {
|
||||
|
||||
.card-item-type {
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -156,7 +155,9 @@
|
||||
img {
|
||||
width: 6rem;
|
||||
}
|
||||
.fa, .icon-gf, .gicon {
|
||||
.fa,
|
||||
.icon-gf,
|
||||
.gicon {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
}
|
||||
@@ -187,7 +188,6 @@
|
||||
}
|
||||
|
||||
.card-list-layout-list {
|
||||
|
||||
.card-item-wrapper {
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
.gf-code-editor {
|
||||
min-height: 2.60rem;
|
||||
min-height: 2.6rem;
|
||||
min-width: 20rem;
|
||||
flex-grow: 1;
|
||||
margin-right: 0.25rem;
|
||||
@@ -7,7 +7,7 @@
|
||||
&.ace_editor {
|
||||
@include font-family-monospace();
|
||||
font-size: 1rem;
|
||||
min-height: 2.60rem;
|
||||
min-height: 2.6rem;
|
||||
|
||||
@include border-radius($input-border-radius-sm);
|
||||
border: $input-btn-border-width solid $input-border-color;
|
||||
@@ -26,7 +26,9 @@
|
||||
width: 550px !important;
|
||||
|
||||
.ace_scroller {
|
||||
.ace_selected, .ace_active-line, .ace_line-hover {
|
||||
.ace_selected,
|
||||
.ace_active-line,
|
||||
.ace_line-hover {
|
||||
color: $dropdownLinkColorHover;
|
||||
background-color: $dropdownLinkBackgroundHover !important;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
|
||||
.sp-replacer {
|
||||
background: inherit;
|
||||
border: none;
|
||||
@@ -6,7 +5,8 @@
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sp-replacer:hover, .sp-replacer.sp-active {
|
||||
.sp-replacer:hover,
|
||||
.sp-replacer.sp-active {
|
||||
border-color: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
@@ -18,7 +18,8 @@
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sp-palette-container, .sp-picker-container {
|
||||
.sp-palette-container,
|
||||
.sp-picker-container {
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
@@ -2,7 +2,6 @@
|
||||
@import "~react-resizable/css/styles.css";
|
||||
|
||||
.panel-in-fullscreen {
|
||||
|
||||
.react-grid-layout {
|
||||
height: 100% !important;
|
||||
}
|
||||
@@ -40,10 +39,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.theme-dark {
|
||||
.react-grid-item > .react-resizable-handle {
|
||||
background-image: url('../img/resize-handle-white.svg');
|
||||
background-image: url("../img/resize-handle-white.svg");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,32 +1,32 @@
|
||||
.dashboard-list {
|
||||
.search-results-container {
|
||||
padding: 5px 0 0 0;
|
||||
}
|
||||
.search-results-container {
|
||||
padding: 5px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.search-results {
|
||||
margin-top: 2rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.search-results-filter-row {
|
||||
height: 35px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 35px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.gf-form-button-row {
|
||||
padding-top: 0;
|
||||
.gf-form-button-row {
|
||||
padding-top: 0;
|
||||
|
||||
button:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
button:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-results-filter-row__filters {
|
||||
display: flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search-results-filter-row__filters-item {
|
||||
width: 150px;
|
||||
margin-right: 0;
|
||||
}
|
||||
width: 150px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@@ -3,7 +3,7 @@ $color: inherit;
|
||||
$color: $text-color;
|
||||
$useDropShadow: false;
|
||||
$attachmentOffset: 0%;
|
||||
$easing: cubic-bezier(0, 0, 0.265, 1.00);
|
||||
$easing: cubic-bezier(0, 0, 0.265, 1);
|
||||
|
||||
@include drop-theme("error", $popover-error-bg, $popover-color);
|
||||
@include drop-theme("popover", $popover-bg, $popover-color, $popover-border-color);
|
||||
@@ -22,9 +22,10 @@ $easing: cubic-bezier(0, 0, 0.265, 1.00);
|
||||
&.drop-open {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.drop-element, .drop-element * {
|
||||
.drop-element,
|
||||
.drop-element * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
@@ -2,7 +2,6 @@
|
||||
// Dropdown menus
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
|
||||
.dropup,
|
||||
.dropdown {
|
||||
@@ -31,9 +30,9 @@
|
||||
width: 0;
|
||||
height: 0;
|
||||
vertical-align: top;
|
||||
border-top: 4px solid $text-color-weak;
|
||||
border-top: 4px solid $text-color-weak;
|
||||
border-right: 4px solid transparent;
|
||||
border-left: 4px solid transparent;
|
||||
border-left: 4px solid transparent;
|
||||
content: "";
|
||||
}
|
||||
|
||||
@@ -138,7 +137,6 @@
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
|
||||
// Hover/Focus state
|
||||
// -----------
|
||||
.dropdown-menu > li > a:hover,
|
||||
|
||||
@@ -2,8 +2,6 @@
|
||||
// FILTER CONTROLS
|
||||
// ==========================================================================
|
||||
|
||||
|
||||
|
||||
// Filters
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
@@ -16,8 +14,6 @@
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Actions
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
|
||||
@@ -2,8 +2,6 @@
|
||||
// FILTER LIST
|
||||
// ==========================================================================
|
||||
|
||||
|
||||
|
||||
// List
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
@@ -23,8 +21,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Card
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
@@ -57,7 +53,6 @@
|
||||
padding: 5px 50px 5px 5px;
|
||||
}
|
||||
|
||||
|
||||
.filter-list-card-status {
|
||||
color: #777;
|
||||
font-size: 12px;
|
||||
@@ -72,17 +67,17 @@
|
||||
text-transform: uppercase;
|
||||
|
||||
&.online {
|
||||
background-image: url('/img/online.svg');
|
||||
background-image: url("/img/online.svg");
|
||||
color: $online;
|
||||
}
|
||||
|
||||
&.warn {
|
||||
background-image: url('/img/warn-tiny.svg');
|
||||
background-image: url("/img/warn-tiny.svg");
|
||||
color: $warn;
|
||||
}
|
||||
|
||||
&.critical {
|
||||
background-image: url('/img/critical.svg');
|
||||
background-image: url("/img/critical.svg");
|
||||
color: $critical;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,8 +2,6 @@
|
||||
// FILTER TABLE
|
||||
// ==========================================================================
|
||||
|
||||
|
||||
|
||||
// Table
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
.page-dashboard .footer {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.footer {
|
||||
@@ -7,7 +7,7 @@
|
||||
padding: 5rem 0 1rem 0;
|
||||
font-size: $font-size-sm;
|
||||
position: relative;
|
||||
width: 98%; /* was causing horiz scrollbars - need to examine */
|
||||
width: 98%; /* was causing horiz scrollbars - need to examine */
|
||||
|
||||
a {
|
||||
color: $footer-link-color;
|
||||
@@ -25,7 +25,7 @@
|
||||
display: inline-block;
|
||||
padding-right: 2px;
|
||||
&::after {
|
||||
content: ' | ';
|
||||
content: " | ";
|
||||
padding-left: 2px;
|
||||
}
|
||||
}
|
||||
@@ -33,7 +33,7 @@
|
||||
li:last-child {
|
||||
&::after {
|
||||
padding-left: 0;
|
||||
content: '';
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,7 +1,6 @@
|
||||
$gf-form-margin: 3px;
|
||||
$input-border: 1px solid $input-border-color;
|
||||
|
||||
|
||||
.gf-form {
|
||||
margin-bottom: $gf-form-margin;
|
||||
display: flex;
|
||||
@@ -48,7 +47,7 @@ $input-border: 1px solid $input-border-color;
|
||||
padding-left: 35px;
|
||||
|
||||
&:focus + .gf-form-input-icon {
|
||||
color: $text-muted
|
||||
color: $text-muted;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -83,7 +82,8 @@ $input-border: 1px solid $input-border-color;
|
||||
|
||||
.gf-form-button-row {
|
||||
padding-top: $spacer * 1.5;
|
||||
a, button {
|
||||
a,
|
||||
button {
|
||||
margin-right: $spacer;
|
||||
}
|
||||
}
|
||||
@@ -103,7 +103,7 @@ $input-border: 1px solid $input-border-color;
|
||||
|
||||
&--grow {
|
||||
flex-grow: 1;
|
||||
min-height: 2.60rem;
|
||||
min-height: 2.6rem;
|
||||
}
|
||||
|
||||
&--error {
|
||||
@@ -198,7 +198,9 @@ $input-border: 1px solid $input-border-color;
|
||||
cursor: $cursor-disabled;
|
||||
}
|
||||
|
||||
&.gf-size-auto { width: auto; }
|
||||
&.gf-size-auto {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
&--dropdown {
|
||||
padding-right: $input-padding-x*2;
|
||||
@@ -211,7 +213,7 @@ $input-border: 1px solid $input-border-color;
|
||||
background-color: transparent;
|
||||
color: $text-color;
|
||||
font: normal normal normal $font-size-sm/1 FontAwesome;
|
||||
content: '\f0d7';
|
||||
content: "\f0d7";
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
@@ -243,8 +245,8 @@ $input-border: 1px solid $input-border-color;
|
||||
background-color: $input-bg;
|
||||
|
||||
select.gf-form-input {
|
||||
text-indent: .01px;
|
||||
text-overflow: '';
|
||||
text-indent: 0.01px;
|
||||
text-overflow: "";
|
||||
padding-right: $input-padding-x*4;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: menulist-text; // was set to "window" and caused odd display on windos and linux.
|
||||
@@ -268,7 +270,7 @@ $input-border: 1px solid $input-border-color;
|
||||
background-color: transparent;
|
||||
color: $text-color;
|
||||
font: normal normal normal $font-size-sm/1 FontAwesome;
|
||||
content: '\f0d7';
|
||||
content: "\f0d7";
|
||||
pointer-events: none;
|
||||
font-size: 11px;
|
||||
}
|
||||
@@ -318,7 +320,7 @@ $input-border: 1px solid $input-border-color;
|
||||
background-color: transparent;
|
||||
color: $input-color;
|
||||
font: normal normal normal $font-size-sm/1 FontAwesome;
|
||||
content: '\f0d7';
|
||||
content: "\f0d7";
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@@ -348,7 +350,7 @@ $input-border: 1px solid $input-border-color;
|
||||
}
|
||||
|
||||
&--header {
|
||||
margin-bottom: $gf-form-margin
|
||||
margin-bottom: $gf-form-margin;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -8,9 +8,9 @@
|
||||
margin-right: $gf-form-margin;
|
||||
flex-grow: 1;
|
||||
color: $info-box-color;
|
||||
h5 {
|
||||
color: $info-box-color;
|
||||
}
|
||||
h5 {
|
||||
color: $info-box-color;
|
||||
}
|
||||
|
||||
h5 {
|
||||
margin-bottom: $spacer;
|
||||
|
||||
@@ -1,8 +1,9 @@
|
||||
|
||||
.json-formatter-row {
|
||||
font-family: monospace;
|
||||
|
||||
&, a, a:hover {
|
||||
&,
|
||||
a,
|
||||
a:hover {
|
||||
color: $json-explorer-default-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
@@ -16,9 +17,15 @@
|
||||
opacity: 0.5;
|
||||
margin-left: 1rem;
|
||||
|
||||
&::after { display: none; }
|
||||
&.json-formatter-object::after { content: "No properties"; }
|
||||
&.json-formatter-array::after { content: "[]"; }
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
&.json-formatter-object::after {
|
||||
content: "No properties";
|
||||
}
|
||||
&.json-formatter-array::after {
|
||||
content: "[]";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -27,19 +34,33 @@
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.json-formatter-number { color: $json-explorer-number-color; }
|
||||
.json-formatter-boolean { color: $json-explorer-boolean-color; }
|
||||
.json-formatter-null { color: $json-explorer-null-color; }
|
||||
.json-formatter-undefined { color: $json-explorer-undefined-color; }
|
||||
.json-formatter-function { color: $json-explorer-function-color; }
|
||||
.json-formatter-date { background-color: fade($json-explorer-default-color, 5%); }
|
||||
.json-formatter-number {
|
||||
color: $json-explorer-number-color;
|
||||
}
|
||||
.json-formatter-boolean {
|
||||
color: $json-explorer-boolean-color;
|
||||
}
|
||||
.json-formatter-null {
|
||||
color: $json-explorer-null-color;
|
||||
}
|
||||
.json-formatter-undefined {
|
||||
color: $json-explorer-undefined-color;
|
||||
}
|
||||
.json-formatter-function {
|
||||
color: $json-explorer-function-color;
|
||||
}
|
||||
.json-formatter-date {
|
||||
background-color: fade($json-explorer-default-color, 5%);
|
||||
}
|
||||
.json-formatter-url {
|
||||
text-decoration: underline;
|
||||
color: $json-explorer-url-color;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.json-formatter-bracket { color: $json-explorer-bracket-color; }
|
||||
.json-formatter-bracket {
|
||||
color: $json-explorer-bracket-color;
|
||||
}
|
||||
.json-formatter-key {
|
||||
color: $json-explorer-key-color;
|
||||
cursor: pointer;
|
||||
@@ -51,7 +72,9 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.json-formatter-array-comma { margin-right: 4px; }
|
||||
.json-formatter-array-comma {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.json-formatter-toggler {
|
||||
line-height: 1.2rem;
|
||||
@@ -71,7 +94,7 @@
|
||||
// Inline preview on hover (optional)
|
||||
> a > .json-formatter-preview-text {
|
||||
opacity: 0;
|
||||
transition: opacity .15s ease-in;
|
||||
transition: opacity 0.15s ease-in;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@@ -81,7 +104,7 @@
|
||||
|
||||
// Open state
|
||||
&.json-formatter-open {
|
||||
> .json-formatter-toggler-link .json-formatter-toggler::after{
|
||||
> .json-formatter-toggler-link .json-formatter-toggler::after {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
> .json-formatter-children::after {
|
||||
@@ -95,4 +118,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -8,7 +8,8 @@ json-tree {
|
||||
&::before {
|
||||
pointer-events: none;
|
||||
}
|
||||
&::before, & > .json-tree-key {
|
||||
&::before,
|
||||
& > .json-tree-key {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
@@ -23,7 +24,8 @@ json-tree {
|
||||
ul {
|
||||
padding-left: $spacer;
|
||||
}
|
||||
li, ul {
|
||||
li,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
li {
|
||||
@@ -33,22 +35,23 @@ json-tree {
|
||||
color: $variable;
|
||||
padding: 5px 10px 5px 15px;
|
||||
&::after {
|
||||
content: ':';
|
||||
content: ":";
|
||||
}
|
||||
}
|
||||
json-node.expandable {
|
||||
&::before {
|
||||
content: '\25b6';
|
||||
content: "\25b6";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
font-size: 8px;
|
||||
transition: transform .1s ease;
|
||||
transition: transform 0.1s ease;
|
||||
}
|
||||
&.expanded::before {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
}
|
||||
.json-tree-leaf-value, .json-tree-branch-preview {
|
||||
.json-tree-leaf-value,
|
||||
.json-tree-branch-preview {
|
||||
word-break: break-all;
|
||||
}
|
||||
.json-tree-branch-preview {
|
||||
@@ -56,6 +59,6 @@ json-tree {
|
||||
font-style: italic;
|
||||
max-width: 40%;
|
||||
height: 1.5em;
|
||||
opacity: .7;
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
position: fixed;
|
||||
z-index: $zindex-modal;
|
||||
width: 100%;
|
||||
background: $page-bg;
|
||||
background: $page-bg;
|
||||
@include box-shadow(0 3px 7px rgba(0,0,0,0.3));
|
||||
@include background-clip(padding-box);
|
||||
outline: none;
|
||||
@@ -77,7 +77,7 @@
|
||||
// Footer (for actions)
|
||||
.modal-footer {
|
||||
padding: 14px 15px 15px;
|
||||
border-top: 1px solid $panel-bg;
|
||||
border-top: 1px solid $panel-bg;
|
||||
background-color: $panel-bg;
|
||||
text-align: right; // right align buttons
|
||||
@include clearfix(); // clear it in case folks use .pull-* classes on buttons
|
||||
@@ -139,7 +139,8 @@
|
||||
.share-modal-big-icon {
|
||||
margin-bottom: 10px;
|
||||
margin-right: 2rem;
|
||||
.fa, .icon-gf {
|
||||
.fa,
|
||||
.icon-gf {
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
@@ -173,5 +174,3 @@
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
|
||||
.navbar {
|
||||
position: relative;
|
||||
padding-left: 40px;
|
||||
@@ -19,7 +18,6 @@
|
||||
border-bottom: $navbarBorder;
|
||||
}
|
||||
|
||||
|
||||
.dashboard-page--settings-open {
|
||||
.navbar {
|
||||
@include navbar-alt-look();
|
||||
@@ -40,7 +38,7 @@
|
||||
}
|
||||
|
||||
.panel-in-fullscreen {
|
||||
.navbar {
|
||||
.navbar {
|
||||
@include navbar-alt-look();
|
||||
}
|
||||
|
||||
@@ -168,4 +166,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -2,7 +2,6 @@
|
||||
// Navs
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// BASE CLASS
|
||||
// ----------
|
||||
|
||||
@@ -55,7 +54,7 @@
|
||||
|
||||
// Actual tabs (as links)
|
||||
.nav-tabs > li > a {
|
||||
padding: 0.40rem 1rem 0.35rem 1rem;
|
||||
padding: 0.4rem 1rem 0.35rem 1rem;
|
||||
margin-right: $spacer/2;
|
||||
line-height: $line-height-base;
|
||||
border: 1px solid transparent;
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
|
||||
.editor-row {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
|
||||
.page-header-canvas {
|
||||
background: $page-header-bg;
|
||||
box-shadow: $page-header-shadow;
|
||||
@@ -140,7 +139,7 @@
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: -14px; // half of square's length
|
||||
@@ -157,7 +156,8 @@
|
||||
background: linear-gradient(135deg, $btn-inverse-bg, $btn-inverse-bg-hl);
|
||||
|
||||
// stylish arrow design using box shadow
|
||||
box-shadow: 2px -2px 0 2px rgb(35, 31, 31), 3px -3px 0 2px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 2px -2px 0 2px rgb(35, 31, 31),
|
||||
3px -3px 0 2px rgba(255, 255, 255, 0.1);
|
||||
|
||||
// 5px - for rounded arrows and
|
||||
// 50px - to prevent hover glitches on the border created using shadows*/
|
||||
@@ -169,4 +169,3 @@
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
|
||||
.add-panel {
|
||||
height: 100%;
|
||||
}
|
||||
@@ -66,4 +65,3 @@
|
||||
.add-panel__item-img {
|
||||
height: calc(100% - 15px);
|
||||
}
|
||||
|
||||
|
||||
@@ -9,4 +9,3 @@
|
||||
width: 100%;
|
||||
height: calc(100% - 30px);
|
||||
}
|
||||
|
||||
|
||||
@@ -1,19 +1,17 @@
|
||||
|
||||
// Colours
|
||||
$progress-color-dark: $panel-bg !default;
|
||||
$progress-color: $panel-bg !default;
|
||||
$progress-color-light: $panel-bg !default;
|
||||
$progress-color-dark: $panel-bg !default;
|
||||
$progress-color: $panel-bg !default;
|
||||
$progress-color-light: $panel-bg !default;
|
||||
$progress-color-grey-light: $body-bg !default;
|
||||
$progress-color-shadow: $panel-border !default;
|
||||
$progress-color-grey: $iconContainerBackground !default;
|
||||
$progress-color-grey-dark: $iconContainerBackground !default;
|
||||
$progress-color-shadow: $panel-border !default;
|
||||
$progress-color-grey: $iconContainerBackground !default;
|
||||
$progress-color-grey-dark: $iconContainerBackground !default;
|
||||
|
||||
// Sizing
|
||||
$marker-size: 60px !default;
|
||||
$marker-size-half: ($marker-size / 2);
|
||||
$path-height: 2px !default;
|
||||
$path-position: $marker-size-half - ($path-height / 2);
|
||||
|
||||
$marker-size: 60px !default;
|
||||
$marker-size-half: ($marker-size / 2);
|
||||
$path-height: 2px !default;
|
||||
$path-position: $marker-size-half - ($path-height / 2);
|
||||
|
||||
.dashlist-cta-close-btn {
|
||||
color: $text-color-weak;
|
||||
@@ -52,9 +50,9 @@ $path-position: $marker-size-half - ($path-height / 2);
|
||||
// For a flexbox bug in firefox that wont allow the text overflow on the text
|
||||
min-width: $marker-size;
|
||||
|
||||
&::after {
|
||||
&::after {
|
||||
right: -50%;
|
||||
content: '';
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
@@ -96,7 +94,7 @@ $path-position: $marker-size-half - ($path-height / 2);
|
||||
-webkit-text-fill-color: transparent;
|
||||
background: $brand-gradient;
|
||||
-webkit-background-clip: text;
|
||||
text-decoration:none;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -154,17 +152,18 @@ $path-position: $marker-size-half - ($path-height / 2);
|
||||
|
||||
.progress-marker {
|
||||
color: $text-color-weak;
|
||||
text-decoration:none;
|
||||
text-decoration: none;
|
||||
font-size: 35px;
|
||||
vertical-align: sub;
|
||||
}
|
||||
|
||||
a.progress-link {
|
||||
&:hover {
|
||||
.progress-marker, .progress-text {
|
||||
.progress-marker,
|
||||
.progress-text {
|
||||
color: $link-hover-color;
|
||||
}
|
||||
&:hover .progress-marker.completed {
|
||||
&:hover .progress-marker.completed {
|
||||
color: $online;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -70,19 +70,19 @@
|
||||
font-size: 85%;
|
||||
text-align: left;
|
||||
&.current::before {
|
||||
content: "Current: "
|
||||
content: "Current: ";
|
||||
}
|
||||
&.max::before {
|
||||
content: "Max: "
|
||||
content: "Max: ";
|
||||
}
|
||||
&.min::before {
|
||||
content: "Min: "
|
||||
content: "Min: ";
|
||||
}
|
||||
&.total::before {
|
||||
content: "Total: "
|
||||
content: "Total: ";
|
||||
}
|
||||
&.avg::before {
|
||||
content: "Avg: "
|
||||
content: "Avg: ";
|
||||
}
|
||||
}
|
||||
|
||||
@@ -124,15 +124,17 @@
|
||||
float: none;
|
||||
|
||||
.graph-legend-alias::after {
|
||||
content: '(right-y)';
|
||||
content: "(right-y)";
|
||||
padding: 0 5px;
|
||||
color: $text-color-weak;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
td, .graph-legend-alias, .graph-legend-icon, .graph-legend-value {
|
||||
td,
|
||||
.graph-legend-alias,
|
||||
.graph-legend-icon,
|
||||
.graph-legend-value {
|
||||
float: none;
|
||||
display: table-cell;
|
||||
white-space: nowrap;
|
||||
@@ -149,7 +151,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.graph-legend-value {
|
||||
.graph-legend-value {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
@@ -167,9 +169,13 @@
|
||||
}
|
||||
|
||||
.graph-legend-value {
|
||||
&.current, &.max, &.min, &.total, &.avg {
|
||||
&.current,
|
||||
&.max,
|
||||
&.min,
|
||||
&.total,
|
||||
&.avg {
|
||||
&::before {
|
||||
content: '';
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -184,7 +190,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.graph-legend-series-hidden {
|
||||
.graph-legend-value,
|
||||
.graph-legend-alias {
|
||||
@@ -252,7 +257,7 @@
|
||||
max-width: 650px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.graph-tooltip-value {
|
||||
display: table-cell;
|
||||
@@ -263,7 +268,6 @@
|
||||
}
|
||||
|
||||
.graph-annotation {
|
||||
|
||||
.label-tag {
|
||||
margin-right: 4px;
|
||||
margin-top: 8px;
|
||||
@@ -396,7 +400,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
&--T0{
|
||||
&--T0 {
|
||||
right: -104px;
|
||||
width: 129px;
|
||||
|
||||
@@ -419,10 +423,10 @@
|
||||
position: relative;
|
||||
|
||||
&--critical {
|
||||
background-color: rgba(237, 46, 24, 0.60);
|
||||
background-color: rgba(237, 46, 24, 0.6);
|
||||
}
|
||||
&--warning {
|
||||
background-color: rgba(247, 149, 32, 0.60);
|
||||
background-color: rgba(247, 149, 32, 0.6);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -42,7 +42,7 @@
|
||||
|
||||
.heatmap-crosshair {
|
||||
line {
|
||||
stroke: darken($red,15%);
|
||||
stroke: darken($red, 15%);
|
||||
stroke-width: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -36,14 +36,14 @@
|
||||
}
|
||||
|
||||
.pluginlist-message--update {
|
||||
&:hover {
|
||||
&:hover {
|
||||
border-bottom: 1px solid $text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.pluginlist-message--enable{
|
||||
.pluginlist-message--enable {
|
||||
color: $external-link-color;
|
||||
&:hover {
|
||||
&:hover {
|
||||
border-bottom: 1px solid $external-link-color;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -22,5 +22,3 @@
|
||||
#flotGagueValue0 {
|
||||
font-weight: bold; //please dont hurt me for this!
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -114,7 +114,7 @@
|
||||
background: $list-item-bg;
|
||||
border-top: 2px solid $body-bg;
|
||||
border-bottom: 2px solid $body-bg;
|
||||
height: 2.0em;
|
||||
height: 2em;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
|
||||
.query-part {
|
||||
background-color: lighten($input-label-bg, 5%);
|
||||
|
||||
@@ -8,4 +7,3 @@
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -76,4 +76,3 @@
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
|
||||
@@ -15,8 +15,8 @@
|
||||
.ps__rail-x {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
transition: background-color .2s linear, opacity .2s linear;
|
||||
-webkit-transition: background-color .2s linear, opacity .2s linear;
|
||||
transition: background-color 0.2s linear, opacity 0.2s linear;
|
||||
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
|
||||
height: 15px;
|
||||
/* there must be 'bottom' or 'top' for ps__rail-x */
|
||||
bottom: 0px;
|
||||
@@ -27,8 +27,8 @@
|
||||
.ps__rail-y {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
transition: background-color .2s linear, opacity .2s linear;
|
||||
-webkit-transition: background-color .2s linear, opacity .2s linear;
|
||||
transition: background-color 0.2s linear, opacity 0.2s linear;
|
||||
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
|
||||
width: 15px;
|
||||
/* there must be 'right' or 'left' for ps__rail-y */
|
||||
right: 0;
|
||||
@@ -80,7 +80,6 @@
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
||||
/* MS supports */
|
||||
@supports (-ms-overflow-style: none) {
|
||||
.ps {
|
||||
@@ -115,20 +114,46 @@
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button:start:decrement,
|
||||
::-webkit-scrollbar-button:end:increment { display: none; }
|
||||
::-webkit-scrollbar-button:horizontal:decrement { display: none; }
|
||||
::-webkit-scrollbar-button:horizontal:increment { display: none; }
|
||||
::-webkit-scrollbar-button:vertical:decrement { display: none; }
|
||||
::-webkit-scrollbar-button:vertical:increment { display: none; }
|
||||
::-webkit-scrollbar-button:horizontal:decrement:active { background-image: none; }
|
||||
::-webkit-scrollbar-button:horizontal:increment:active { background-image: none; }
|
||||
::-webkit-scrollbar-button:vertical:decrement:active { background-image: none; }
|
||||
::-webkit-scrollbar-button:vertical:increment:active {background-image: none; }
|
||||
::-webkit-scrollbar-track-piece { background-color: transparent; }
|
||||
::-webkit-scrollbar-button:end:increment {
|
||||
display: none;
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:decrement {
|
||||
display: none;
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:increment {
|
||||
display: none;
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:decrement {
|
||||
display: none;
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:increment {
|
||||
display: none;
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:decrement:active {
|
||||
background-image: none;
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:increment:active {
|
||||
background-image: none;
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:decrement:active {
|
||||
background-image: none;
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:increment:active {
|
||||
background-image: none;
|
||||
}
|
||||
::-webkit-scrollbar-track-piece {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
height: 50px;
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%, $scrollbarBackground), color-stop(100%, $scrollbarBackground2));
|
||||
background: -webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
right top,
|
||||
color-stop(0%, $scrollbarBackground),
|
||||
color-stop(100%, $scrollbarBackground2)
|
||||
);
|
||||
border: 1px solid $scrollbarBorder;
|
||||
border-top: 1px solid $scrollbarBorder;
|
||||
border-left: 1px solid $scrollbarBorder;
|
||||
@@ -136,7 +161,13 @@
|
||||
|
||||
::-webkit-scrollbar-thumb:horizontal {
|
||||
width: 50px;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $scrollbarBackground), color-stop(100%, $scrollbarBackground2));
|
||||
background: -webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
left bottom,
|
||||
color-stop(0%, $scrollbarBackground),
|
||||
color-stop(100%, $scrollbarBackground2)
|
||||
);
|
||||
border: 1px solid $scrollbarBorder;
|
||||
border-top: 1px solid $scrollbarBorder;
|
||||
border-left: 1px solid $scrollbarBorder;
|
||||
|
||||
@@ -84,14 +84,15 @@
|
||||
}
|
||||
|
||||
.search-filter-box-link {
|
||||
display:block;
|
||||
display: block;
|
||||
margin-bottom: 16px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
i, img {
|
||||
i,
|
||||
img {
|
||||
font-size: 20px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
@@ -113,7 +114,7 @@
|
||||
|
||||
.selected {
|
||||
.search-result-tag {
|
||||
opacity: 0.70;
|
||||
opacity: 0.7;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
@@ -134,7 +135,8 @@
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
|
||||
&:hover, &.selected {
|
||||
&:hover,
|
||||
&.selected {
|
||||
color: $text-color;
|
||||
}
|
||||
|
||||
@@ -176,7 +178,8 @@
|
||||
white-space: nowrap;
|
||||
padding: 0px;
|
||||
|
||||
&:hover, &.selected {
|
||||
&:hover,
|
||||
&.selected {
|
||||
background: $list-item-hover-bg;
|
||||
}
|
||||
}
|
||||
@@ -215,7 +218,8 @@
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
transition: all 0.2s ease-in-out;
|
||||
.fa-star, .fa-star-o {
|
||||
.fa-star,
|
||||
.fa-star-o {
|
||||
color: $orange;
|
||||
line-height: 37px;
|
||||
}
|
||||
@@ -235,7 +239,6 @@
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(xs) {
|
||||
|
||||
.search-container {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@@ -30,5 +30,3 @@
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
|
||||
.shortcut-category {
|
||||
float: left;
|
||||
font-size: $font-size-sm;
|
||||
@@ -44,4 +43,3 @@
|
||||
color: $btn-inverse-text-color;
|
||||
box-shadow: inset 0 -1px 0 $btn-inverse-bg-hl;
|
||||
}
|
||||
|
||||
|
||||
@@ -71,8 +71,8 @@
|
||||
// important to overlap it otherwise it can be hidden
|
||||
// again by the mouse getting outside the hover space
|
||||
left: $side-menu-width - 2px;
|
||||
@include animation('dropdown-anim 150ms ease-in-out 100ms forwards');
|
||||
z-index: $zindex-sidemenu;
|
||||
@include animation("dropdown-anim 150ms ease-in-out 100ms forwards");
|
||||
z-index: $zindex-sidemenu;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -96,7 +96,7 @@
|
||||
border-radius: 50%;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
box-shadow: 0 0 14px 2px rgba(255,255,255, 0.05);
|
||||
box-shadow: 0 0 14px 2px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -116,10 +116,12 @@
|
||||
height: 35px;
|
||||
display: inline-block;
|
||||
|
||||
.fa, .icon-gf, .gicon {
|
||||
.fa,
|
||||
.icon-gf,
|
||||
.gicon {
|
||||
color: $side-menu-link-color;
|
||||
position: relative;
|
||||
opacity: .7;
|
||||
opacity: 0.7;
|
||||
font-size: 130%;
|
||||
}
|
||||
|
||||
@@ -173,7 +175,7 @@ li.sidemenu-org-switcher {
|
||||
|
||||
.sidemenu__logo {
|
||||
display: block;
|
||||
padding: 0.4rem 1.0rem 0.4rem 0.65rem;
|
||||
padding: 0.4rem 1rem 0.4rem 0.65rem;
|
||||
min-height: $navbarHeight;
|
||||
position: relative;
|
||||
|
||||
@@ -244,7 +246,7 @@ li.sidemenu-org-switcher {
|
||||
}
|
||||
|
||||
.sidemenu-icon {
|
||||
display: none
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dropdown-menu--sidemenu {
|
||||
|
||||
@@ -8,7 +8,8 @@
|
||||
margin: 0 0 $panel-margin 0;
|
||||
}
|
||||
|
||||
.annotation-disabled, .annotation-disabled a {
|
||||
.annotation-disabled,
|
||||
.annotation-disabled a {
|
||||
color: $link-color-disabled;
|
||||
}
|
||||
|
||||
@@ -52,7 +53,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.variable-link-wrapper {
|
||||
.variable-link-wrapper {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
@@ -66,28 +67,28 @@
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background-color: $dropdownBackground;
|
||||
box-shadow: 0 0 25px 0 rgba(0,0,0,0.4);
|
||||
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4);
|
||||
z-index: 1000;
|
||||
font-size: $font-size-base;
|
||||
border-radius: 3px 3px 0 0;
|
||||
border: 1px solid $tight-form-func-bg;
|
||||
|
||||
&.multi {
|
||||
.selected {
|
||||
.variable-option-icon{
|
||||
background: url($checkboxImageUrl) 0px -18px no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
.selected {
|
||||
.variable-option-icon {
|
||||
background: url($checkboxImageUrl) 0px -18px no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.single {
|
||||
.variable-option-icon {
|
||||
display: none;
|
||||
}
|
||||
.selected {
|
||||
background-color: $tight-form-func-highlight-bg;
|
||||
}
|
||||
}
|
||||
&.single {
|
||||
.variable-option-icon {
|
||||
display: none;
|
||||
}
|
||||
.selected {
|
||||
background-color: $tight-form-func-highlight-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.variable-options-wrapper {
|
||||
@@ -135,7 +136,8 @@
|
||||
}
|
||||
|
||||
.variable-option {
|
||||
&:hover, &.highlighted {
|
||||
&:hover,
|
||||
&.highlighted {
|
||||
background-color: $blue-dark;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
position: relative;
|
||||
max-width: 4.5rem;
|
||||
flex-grow: 1;
|
||||
min-width: 4.0rem;
|
||||
min-width: 4rem;
|
||||
margin-right: $gf-form-margin;
|
||||
|
||||
input {
|
||||
@@ -30,7 +30,8 @@
|
||||
border-radius: $input-border-radius;
|
||||
}
|
||||
|
||||
input + label::before, input + label::after {
|
||||
input + label::before,
|
||||
input + label::after {
|
||||
@include buttonBackground($input-bg, $input-bg);
|
||||
|
||||
display: block;
|
||||
@@ -60,11 +61,10 @@
|
||||
color: lighten($orange, 10%);
|
||||
text-shadow: $text-shadow-strong;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
input + label::before {
|
||||
font-family: 'FontAwesome';
|
||||
font-family: "FontAwesome";
|
||||
content: "\f096"; // square-o
|
||||
color: $text-color-weak;
|
||||
transition: transform 0.4s;
|
||||
@@ -77,7 +77,7 @@
|
||||
color: $orange;
|
||||
text-shadow: $text-shadow-strong;
|
||||
|
||||
font-family: 'FontAwesome';
|
||||
font-family: "FontAwesome";
|
||||
transition: transform 0.4s;
|
||||
transform: rotateY(180deg);
|
||||
backface-visibility: hidden;
|
||||
@@ -107,7 +107,8 @@
|
||||
border: none;
|
||||
}
|
||||
|
||||
input + label::before, input + label::after {
|
||||
input + label::before,
|
||||
input + label::after {
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
@@ -148,7 +149,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
gf-form-switch[disabled] {
|
||||
gf-form-switch[disabled] {
|
||||
.gf-form-label,
|
||||
.gf-form-switch input + label {
|
||||
cursor: default;
|
||||
|
||||
@@ -44,14 +44,18 @@
|
||||
|
||||
&::before {
|
||||
display: block;
|
||||
content: ' ';
|
||||
content: " ";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 2px;
|
||||
top: 0;
|
||||
background-image: linear-gradient(to right, #ffd500 0%, #ff4400 99%, #ff4400 100%);
|
||||
background-image: linear-gradient(
|
||||
to right,
|
||||
#ffd500 0%,
|
||||
#ff4400 99%,
|
||||
#ff4400 100%
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,17 +3,16 @@
|
||||
.badge {
|
||||
display: inline-block;
|
||||
padding: 2px 4px;
|
||||
font-size: $font-size-base * .846;
|
||||
font-size: $font-size-base * 0.846;
|
||||
font-weight: bold;
|
||||
line-height: 14px; // ensure proper line-height if floated
|
||||
color: $white;
|
||||
vertical-align: baseline;
|
||||
white-space: nowrap;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
background-color: $gray-1;
|
||||
}
|
||||
|
||||
|
||||
// Labels & Badges
|
||||
.label-tag {
|
||||
background-color: $purple;
|
||||
@@ -25,7 +24,7 @@
|
||||
padding: 2px 6px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 1px rgba($white,.2);
|
||||
box-shadow: 0 0 1px rgba($white, 0.2);
|
||||
.icon-tag {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
@@ -34,8 +33,6 @@
|
||||
}
|
||||
|
||||
.label-tag:hover {
|
||||
opacity: 0.85;
|
||||
opacity: 0.85;
|
||||
background-color: darken($purple, 10%);
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -22,16 +22,17 @@
|
||||
color: white;
|
||||
|
||||
[data-role="remove"] {
|
||||
margin-left:8px;
|
||||
cursor:pointer;
|
||||
&::after{
|
||||
margin-left: 8px;
|
||||
cursor: pointer;
|
||||
&::after {
|
||||
content: "x";
|
||||
padding:0px 2px;
|
||||
padding: 0px 2px;
|
||||
}
|
||||
&:hover {
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
|
||||
0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
&:active {
|
||||
box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -90,7 +90,7 @@
|
||||
}
|
||||
|
||||
.input-datetime-format {
|
||||
color: $link-color-disabled
|
||||
color: $link-color-disabled;
|
||||
}
|
||||
|
||||
.fa {
|
||||
@@ -118,4 +118,3 @@
|
||||
@extend .fa;
|
||||
@extend .fa-chevron-left;
|
||||
}
|
||||
|
||||
|
||||
@@ -11,11 +11,25 @@
|
||||
font-size: 11px;
|
||||
line-height: 1.4;
|
||||
@include opacity(0);
|
||||
&.in { @include opacity(100); }
|
||||
&.top { margin-top: -3px; padding: 5px 0; }
|
||||
&.right { margin-left: 3px; padding: 0 5px; }
|
||||
&.bottom { margin-top: 3px; padding: 5px 0; }
|
||||
&.left { margin-left: -3px; padding: 0 5px; }
|
||||
&.in {
|
||||
@include opacity(100);
|
||||
}
|
||||
&.top {
|
||||
margin-top: -3px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
&.right {
|
||||
margin-left: 3px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
&.bottom {
|
||||
margin-top: 3px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
&.left {
|
||||
margin-left: -3px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
// Wrapper for the tooltip content
|
||||
@@ -70,13 +84,13 @@
|
||||
}
|
||||
|
||||
.grafana-tooltip {
|
||||
position : absolute;
|
||||
position: absolute;
|
||||
top: -1000;
|
||||
left: 0;
|
||||
color: $tooltipColor;
|
||||
padding: 10px;
|
||||
font-size: 11pt;
|
||||
font-weight : 200;
|
||||
font-weight: 200;
|
||||
background-color: $tooltipBackground;
|
||||
border-radius: 5px;
|
||||
z-index: 9999;
|
||||
@@ -92,4 +106,3 @@
|
||||
.grafana-tip {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
|
||||
// typeahead max height
|
||||
.typeahead {
|
||||
max-height: 300px;
|
||||
@@ -8,4 +7,3 @@
|
||||
.typeahead strong {
|
||||
color: $yellow;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
|
||||
.page-kiosk-mode {
|
||||
dashnav {
|
||||
display: none;
|
||||
@@ -7,8 +6,7 @@
|
||||
|
||||
.playlist-active,
|
||||
.user-activity-low {
|
||||
.react-resizable-handle
|
||||
.add-row-panel-hint,
|
||||
.react-resizable-handle .add-row-panel-hint,
|
||||
.dash-row-menu-container,
|
||||
.navbar-button--refresh,
|
||||
.navbar-buttons--zoom,
|
||||
@@ -37,4 +35,3 @@
|
||||
transform: translate3d(40px, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
|
||||
.edit-tab-with-sidemenu {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@@ -29,7 +28,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
.edit-tab-with-sidemenu {
|
||||
flex-direction: column;
|
||||
|
||||
Reference in New Issue
Block a user