ux(less): refactoring and restructuring less files

2016-02-14 20:05:22 +01:00
1 parent 5274f93db7
commit f888716d81
@@ -200,7 +200,6 @@ legend, label {
 // -----------------------------------------------------

 .table {
-
 	.border-radius(1px);

 	tbody tr.success td {
@@ -165,7 +165,6 @@ a.text-success:hover { color: darken(@green, 10%); }
 }

 .btn-group {
-
 	& > .btn:first-child,
 	& > .btn:last-child,
 	& > .dropdown-toggle {
@@ -1,90 +0,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;
-}
@@ -1,31 +0,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";
-}
-
@@ -1,35 +1,44 @@
-@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;
@@ -1,50 +0,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;
-}