Skip to content

N
nexpie-grafana-theme
Commit f888716d by Torkel Ödegaard
Options

ux(less): refactoring and restructuring less files

parent 5274f93d
Showing with 41 additions and 205 deletions
public/less/bootswatch.dark.less
......@@ -200,7 +200,6 @@ legend, label {
// -----------------------------------------------------
.table {
.border-radius(1px);
tbody tr.success td {
......
public/less/bootswatch.light.less
......@@ -165,7 +165,6 @@ a.text-success:hover { color: darken(@green, 10%); }
}
.btn-group {
& > .btn:first-child,
& > .btn:last-child,
& > .dropdown-toggle {
......
public/less/dropdown.less deleted 100644 → 0
// ==========================================================================
// DROPDOWN
//
// dropdown.scss
// ==========================================================================
.select-input {
display: inline-block;
position: relative;
width: auto;
max-width: 100%;
margin: 0 5px;
padding: 0 12px 0 6px;
border: @grafanaPanelBorder;
background-color: @grafanaSelectBackground;
background-color: red;
overflow: hidden;
vertical-align: top;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.select-input > select {
width: 115%;
min-width: 110%;
max-width: 115%;
height: 24px;
margin: 0;
padding: 0 20px 0 0;
border: 0;
outline: none;
background: transparent;
color: @linkColor;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-indent: .01px;
text-overflow: '';
-webkit-appearance: none;
-moz-appearance: menulist-text; // was set to "window" and caused odd display on windows and linux.
appearance: none;
}
// This hides native dropdown button arrow in IE
.select-input > select::-ms-expand {
display: none;
}
.select-input:after {
position: absolute;
top: 50%;
right: 10px;
height: 12px;
margin-top: -6px;
padding: 0;
background-color: transparent;
color: @linkColor;
font: normal normal normal 14px/1 FontAwesome;
text-align: center;
content: '\f0d7';
pointer-events: none;
}
.select-input > select:focus {
outline: none;
}
// This hides focus around selected option in FF
.select-input > select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #adafae;
}
.rt-form .select-input {
margin: 0;
background: @grafanaSelectBackground;
}
.rt-form .select-interior {
margin: 0;
background-color: @inputBackground;
border: 1px solid @inputBorder;
}
.rt-form .select-input > select {
height: 34px;
line-height: 34px;
}
public/less/fonts.less deleted 100644 → 0
@font-face {
text-rendering: optimizeLegibility;
font-family: 'raintank';
src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),
url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
font-weight: normal;
font-style: normal;
}
.gf-icon {
display: inline-block;
font: normal normal normal 14px/1 'raintank';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.gf-icon-snap-multi:before {
content: "\e600";
}
.gf-icon-snap-single-tilt:before {
content: "\e601";
}
.gf-icon-snap-single:before {
content: "\e602";
}
public/less/grafana.less
@import "type.less";
@import "login.less";
@import "submenu.less";
@import "panel_graph.less";
@import "panel_dashlist.less";
@import "panel_singlestat.less";
@import "panel_table.less";
@import "bootstrap-tagsinput.less";
@import "tables_lists.less";
@import "search.less";
@import "playlist.less";
@import "panel.less";
@import "forms.less";
@import "tightform.less";
@import "normform.less";
@import "sidemenu.less";
@import "navbar.less";
@import "gfbox.less";
@import "admin.less";
@import "pagination.less";
@import "validation.less";
@import "gf-fonts.less";
@import "tabs.less";
@import "timepicker.less";
@import "alerting.less";
@import "apps.less";
@import "filter-controls.less";
@import "filter-list.less";
@import "filter-table.less";
@import "simple-box.less";
@import "dropdown.less";
@import "page.less";
// BASE
@import "./base/type.less";
@import "./base/forms.less";
@import "./base/fonts.less";
// UTILS
@import "./utils/validation.less";
// LAYOUTS
@import "./layout/page.less";
// COMPONENTS
@import "./components/panel_graph.less";
@import "./components/submenu.less";
@import "./components/panel_dashlist.less";
@import "./components/panel_singlestat.less";
@import "./components/panel_table.less";
@import "./components/tagsinput.less";
@import "./components/tables_lists.less";
@import "./components/search.less";
@import "./components/panel.less";
@import "./components/tightform.less";
@import "./components/gf-form.less";
@import "./components/sidemenu.less";
@import "./components/navbar.less";
@import "./components/gfbox.less";
@import "./components/pagination.less";
@import "./components/tabs.less";
@import "./components/timepicker.less";
@import "./components/filter-controls.less";
@import "./components/filter-list.less";
@import "./components/filter-table.less";
// PAGES
@import "./pages/login.less";
@import "./pages/playlist.less";
@import "./pages/admin.less";
@import "./pages/alerting.less";
@import "./pages/apps.less";
.row-control-inner {
padding:0px;
......
public/less/simple-box.less deleted 100644 → 0
@simpleBoxBorderWidth: 0.2rem;
@simpleBoxMargin: 1.5rem;
@simpleBoxBodyPadding: 1rem 0 0.5rem 1rem;
.simple-box {
margin-top: @simpleBoxMargin;
background: @grafanaPanelBackground;
}
.simple-box-header {
font-weight: normal;
line-height: 2.5rem;
color: @textColor;
margin: 0;
padding-left: 1rem;
// border-bottom: @simpleBoxBorderWidth solid @bodyBackground;
}
.simple-box-column {
flex-direction: row;
width: 25%;
border-right: @simpleBoxBorderWidth solid @bodyBackground;
ul {
margin: 0.7rem 0 1rem 1.2rem;
}
}
.simple-box-column:last-child {
border: none;
}
.simple-box-column-header {
font-size: @fontSizeLarge;
i {
padding-right: 0.3rem;
}
}
.simple-box-body {
padding: @simpleBoxBodyPadding;
}
.flex-container {
display: flex;
}
.flex-column {
flex-direction: row;
}
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