Move styles to plugin-wide dir src/sass

src/panel-triggers/module.js

@@ -14,11 +14,16 @@
 import _ from 'lodash';
 import $ from 'jquery';
 import moment from 'moment';
+import {loadPluginCss} from 'app/plugins/sdk';
 import * as utils from '../datasource-zabbix/utils';
 import {PanelCtrl} from 'app/plugins/sdk';
 import {triggerPanelEditor} from './editor';
 import './ack-tooltip.directive';
-import './css/panel_triggers.css!';
+
+loadPluginCss({
+  dark: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.dark.css',
+  light: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.light.css'
+});
 
 var defaultSeverity = [
   { priority: 0, severity: 'Not classified',  color: '#B7DBAB', show: true },

src/panel-triggers/sass/panel_triggers.scss

@@ -1,142 +0,0 @@
-$tight-form-func-bg:        #333;
-$blue:                   #33B5E5;
-$dark-2:                 #1f1d1d;
-$body-bg:          rgb(20,20,20);
-
-$grafanaListAccent:         lighten($dark-2, 2%);
-
-.triggers-panel-wrapper {
-  .panel-content {
-    padding: 0;
-  }
-  .panel-title-container {
-    padding-bottom: 4px;
-  }
-}
-
-.triggers-panel-scroll {
-  overflow: auto;
-}
-
-.triggers-panel-container {
-  padding-top: 2.2em;
-  position: relative;
-}
-
-.triggers-panel-footer {
-  text-align: center;
-  font-size: 90%;
-  line-height: 2px;
-
-  ul {
-    position: relative;
-    display: inline-block;
-    margin-left: 0;
-    margin-bottom: 0;
-  }
-  ul > li {
-    display: inline; // Remove list-style and block-level defaults
-  }
-  ul > li > a {
-    float: left; // Collapse white-space
-    padding: 4px 12px;
-    text-decoration: none;
-    border-left-width: 0;
-
-    &:hover {
-      background-color: $tight-form-func-bg;
-    }
-
-    &.active {
-      font-weight: bold;
-      color: $blue;
-    }
-  }
-}
-
-.triggers-panel-table {
-  width: 100%;
-  border-collapse: collapse;
-
-  th {
-    padding: 0;
-
-    &:first-child {
-      .triggers-panel-table-header-inner {
-        padding-left: 15px;
-      }
-    }
-  }
-
-  td {
-    padding: 0.45em 0 0.45em 1.1em;
-    border-bottom: 2px solid $body-bg;
-    border-right: 2px solid $body-bg;
-
-    &:first-child {
-      padding-left: 15px;
-    }
-    &:last-child {
-      border-right: none;
-    }
-  }
-}
-
-.triggers-panel-header-bg {
-  background: $grafanaListAccent;
-  border-top: 2px solid $body-bg;
-  border-bottom: 2px solid $body-bg;
-  height: 2.0em;
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-}
-
-.triggers-panel-table-header-inner {
-  padding: 0.45em 0 0.45em 1.1em;
-  text-align: left;
-  color: $blue;
-  position: absolute;
-  top: 0;
-}
-
-.triggers-panel-width-hack {
-  visibility: hidden;
-  height: 0px;
-  line-height: 0px;
-}
-
-.ack-tooltip {
-  .drop-content {
-    // Rewrite tooltip width
-    max-width: 70rem !important;
-    min-width: 30rem !important;
-  }
-
-  .ack-comments {
-    width: 60%;
-  }
-
-  .ack-add-button {
-    padding-top: 1rem;
-  }
-
-  table td, th {
-    padding-right: 1rem;
-  }
-
-  .ack-input-group {
-    padding-top: 1rem;
-
-    input {
-      border: 1px solid;
-      border-radius: 2px;
-      width: 50%;
-    }
-
-    button {
-      margin-left: 1rem;
-    }
-  }
-}