简柏林 / thingskit · Commits

Commit 3524c4010c57c6d6d147b890a4d949fa56d7a091

Authored by Geremia Taglialatela
1 parent 994006f5

Fix stylelint errors

Inline Side-by-side
Showing 85 changed files with 1520 additions and 835 deletions

Too many changes to show.
Reload with full diff Plain diff Email patch

To preserve performance only 85 of 95 files are displayed.

  1 +{
  2 + "extends": ["stylelint-config-standard", "stylelint-config-recommended-scss"],
  3 + "plugins": [
  4 + "stylelint-order"
  5 + ],
  6 + "rules": {
  7 + "at-rule-empty-line-before": ["always", {
  8 + "except": ["first-nested"],
  9 + "ignore": ["after-comment"]
  10 + }],
  11 + "at-rule-name-space-after": "always",
  12 + "at-rule-no-vendor-prefix": true,
  13 + "at-rule-semicolon-space-before": "never",
  14 + "block-closing-brace-empty-line-before": "never",
  15 + "block-closing-brace-newline-after": null,
  16 + "block-opening-brace-space-before": null,
  17 + "color-named": "never",
  18 + "declaration-block-semicolon-newline-after": "always-multi-line",
  19 + "declaration-block-semicolon-newline-before": "never-multi-line",
  20 + "declaration-block-semicolon-space-after": "always-single-line",
  21 + "declaration-empty-line-before": null,
  22 + "declaration-no-important": null,
  23 + "font-family-name-quotes": "always-where-recommended",
  24 + "font-weight-notation": [
  25 + "numeric", {
  26 + "ignore": ["relative"]
  27 + }],
  28 + "function-url-no-scheme-relative": true,
  29 + "function-url-quotes": "always",
  30 + "length-zero-no-unit": true,
  31 + "max-empty-lines": 2,
  32 + "max-line-length": null,
  33 + "media-feature-name-no-vendor-prefix": true,
  34 + "media-feature-parentheses-space-inside": "never",
  35 + "media-feature-range-operator-space-after": "always",
  36 + "media-feature-range-operator-space-before": "never",
  37 + "no-descending-specificity": null,
  38 + "no-duplicate-selectors": true,
  39 + "number-leading-zero": "never",
  40 + "media-feature-name-no-unknown": [true, {
  41 + "ignoreMediaFeatureNames": ["prefers-reduced-motion"]
  42 + }],
  43 + "order/properties-order": [
  44 + "position",
  45 + "top",
  46 + "right",
  47 + "bottom",
  48 + "left",
  49 + "z-index",
  50 + "box-sizing",
  51 + "display",
  52 + "flex",
  53 + "flex-align",
  54 + "flex-basis",
  55 + "flex-direction",
  56 + "flex-wrap",
  57 + "flex-flow",
  58 + "flex-shrink",
  59 + "flex-grow",
  60 + "flex-order",
  61 + "flex-pack",
  62 + "align-content",
  63 + "align-items",
  64 + "align-self",
  65 + "justify-content",
  66 + "order",
  67 + "float",
  68 + "width",
  69 + "min-width",
  70 + "max-width",
  71 + "height",
  72 + "min-height",
  73 + "max-height",
  74 + "padding",
  75 + "padding-top",
  76 + "padding-right",
  77 + "padding-bottom",
  78 + "padding-left",
  79 + "margin",
  80 + "margin-top",
  81 + "margin-right",
  82 + "margin-bottom",
  83 + "margin-left",
  84 + "overflow",
  85 + "overflow-x",
  86 + "overflow-y",
  87 + "-webkit-overflow-scrolling",
  88 + "-ms-overflow-x",
  89 + "-ms-overflow-y",
  90 + "-ms-overflow-style",
  91 + "columns",
  92 + "column-count",
  93 + "column-fill",
  94 + "column-gap",
  95 + "column-rule",
  96 + "column-rule-width",
  97 + "column-rule-style",
  98 + "column-rule-color",
  99 + "column-span",
  100 + "column-width",
  101 + "orphans",
  102 + "widows",
  103 + "clip",
  104 + "clear",
  105 + "font",
  106 + "font-family",
  107 + "font-size",
  108 + "font-style",
  109 + "font-weight",
  110 + "font-variant",
  111 + "font-size-adjust",
  112 + "font-stretch",
  113 + "font-effect",
  114 + "font-emphasize",
  115 + "font-emphasize-position",
  116 + "font-emphasize-style",
  117 + "font-smooth",
  118 + "src",
  119 + "hyphens",
  120 + "line-height",
  121 + "color",
  122 + "text-align",
  123 + "text-align-last",
  124 + "text-emphasis",
  125 + "text-emphasis-color",
  126 + "text-emphasis-style",
  127 + "text-emphasis-position",
  128 + "text-decoration",
  129 + "text-indent",
  130 + "text-justify",
  131 + "text-outline",
  132 + "-ms-text-overflow",
  133 + "text-overflow",
  134 + "text-overflow-ellipsis",
  135 + "text-overflow-mode",
  136 + "text-shadow",
  137 + "text-transform",
  138 + "text-wrap",
  139 + "-webkit-text-size-adjust",
  140 + "-ms-text-size-adjust",
  141 + "letter-spacing",
  142 + "-ms-word-break",
  143 + "word-break",
  144 + "word-spacing",
  145 + "-ms-word-wrap",
  146 + "word-wrap",
  147 + "overflow-wrap",
  148 + "tab-size",
  149 + "white-space",
  150 + "vertical-align",
  151 + "direction",
  152 + "unicode-bidi",
  153 + "list-style",
  154 + "list-style-position",
  155 + "list-style-type",
  156 + "list-style-image",
  157 + "pointer-events",
  158 + "-ms-touch-action",
  159 + "touch-action",
  160 + "cursor",
  161 + "visibility",
  162 + "zoom",
  163 + "table-layout",
  164 + "empty-cells",
  165 + "caption-side",
  166 + "border-spacing",
  167 + "border-collapse",
  168 + "content",
  169 + "quotes",
  170 + "counter-reset",
  171 + "counter-increment",
  172 + "resize",
  173 + "user-select",
  174 + "nav-index",
  175 + "nav-up",
  176 + "nav-right",
  177 + "nav-down",
  178 + "nav-left",
  179 + "background",
  180 + "background-color",
  181 + "background-image",
  182 + "filter",
  183 + "background-repeat",
  184 + "background-attachment",
  185 + "background-position",
  186 + "background-position-x",
  187 + "background-position-y",
  188 + "background-clip",
  189 + "background-origin",
  190 + "background-size",
  191 + "border",
  192 + "border-color",
  193 + "border-style",
  194 + "border-width",
  195 + "border-top",
  196 + "border-top-color",
  197 + "border-top-style",
  198 + "border-top-width",
  199 + "border-right",
  200 + "border-right-color",
  201 + "border-right-style",
  202 + "border-right-width",
  203 + "border-bottom",
  204 + "border-bottom-color",
  205 + "border-bottom-style",
  206 + "border-bottom-width",
  207 + "border-left",
  208 + "border-left-color",
  209 + "border-left-style",
  210 + "border-left-width",
  211 + "border-radius",
  212 + "border-top-left-radius",
  213 + "border-top-right-radius",
  214 + "border-bottom-right-radius",
  215 + "border-bottom-left-radius",
  216 + "border-image",
  217 + "border-image-source",
  218 + "border-image-slice",
  219 + "border-image-width",
  220 + "border-image-outset",
  221 + "border-image-repeat",
  222 + "outline",
  223 + "outline-width",
  224 + "outline-style",
  225 + "outline-color",
  226 + "outline-offset",
  227 + "box-shadow",
  228 + "opacity",
  229 + "-ms-interpolation-mode",
  230 + "page-break-after",
  231 + "page-break-before",
  232 + "page-break-inside",
  233 + "transition",
  234 + "transition-delay",
  235 + "transition-timing-function",
  236 + "transition-duration",
  237 + "transition-property",
  238 + "transform",
  239 + "transform-origin",
  240 + "perspective",
  241 + "appearance",
  242 + "animation",
  243 + "animation-name",
  244 + "animation-duration",
  245 + "animation-play-state",
  246 + "animation-timing-function",
  247 + "animation-delay",
  248 + "animation-iteration-count",
  249 + "animation-direction",
  250 + "animation-fill-mode",
  251 + "fill",
  252 + "stroke"
  253 + ],
  254 + "property-no-vendor-prefix": null,
  255 + "rule-empty-line-before": ["always", {
  256 + "except": ["first-nested"],
  257 + "ignore": ["after-comment"]
  258 + }],
  259 + "scss/dollar-variable-default": [true, { "ignore": "local" }],
  260 + "selector-attribute-quotes": "always",
  261 + "selector-list-comma-newline-after": "always",
  262 + "selector-list-comma-newline-before": "never-multi-line",
  263 + "selector-list-comma-space-after": "always-single-line",
  264 + "selector-list-comma-space-before": "never-single-line",
  265 + "selector-max-attribute": 2,
  266 + "selector-max-class": 6,
  267 + "selector-max-combinators": 8,
  268 + "selector-max-compound-selectors": 9,
  269 + "selector-max-empty-lines": 1,
  270 + "selector-max-id": 1,
  271 + "selector-max-specificity": null,
  272 + "selector-max-type": 5,
  273 + "selector-max-universal": 1,
  274 + "selector-no-qualifying-type": null,
  275 + "selector-no-vendor-prefix": null,
  276 + "selector-type-no-unknown": [true, {
  277 + "ignoreTypes": [
  278 + "/^md-/",
  279 + "/^mdp-/",
  280 + "/^ng-/",
  281 + "/^tb-/",
  282 + "/^v-pane/"
  283 + ]
  284 + }],
  285 + "string-quotes": "double",
  286 + "value-keyword-case": "lower",
  287 + "value-list-comma-newline-after": "always-multi-line",
  288 + "value-list-comma-newline-before": "never-multi-line",
  289 + "value-list-comma-space-after": "always-single-line",
  290 + "value-no-vendor-prefix": null
  291 + }
  292 +}
... ...
... ... @@ -13,14 +13,16 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-alarm-details-panel {
17   - margin-left: 15px;
18   - border: 1px solid #C0C0C0;
19 18 height: 100%;
  19 + margin-left: 15px;
  20 + border: 1px solid #c0c0c0;
  21 +
20 22 #tb-alarm-details {
21   - min-width: 600px;
22   - min-height: 200px;
23 23 width: 100%;
  24 + min-width: 600px;
24 25 height: 100%;
  26 + min-height: 200px;
25 27 }
26 28 }
... ...
... ... @@ -13,26 +13,27 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-alarm-container {
17 18 overflow-x: auto;
18 19 }
19 20
20 21 md-list.tb-alarm-table {
21   - padding: 0px;
22 22 min-width: 700px;
  23 + padding: 0;
23 24
24 25 md-list-item {
25   - padding: 0px;
  26 + padding: 0;
26 27 }
27 28
28 29 .tb-row {
29 30 height: 48px;
30   - padding: 0px;
  31 + padding: 0;
31 32 overflow: hidden;
32 33 }
33 34
34 35 .tb-row:hover {
35   - background-color: #EEEEEE;
  36 + background-color: #eee;
36 37 }
37 38
38 39 .tb-header:hover {
... ... @@ -41,9 +42,9 @@ md-list.tb-alarm-table {
41 42
42 43 .tb-header {
43 44 .tb-cell {
44   - color: rgba(0,0,0,.54);
45 45 font-size: 12px;
46 46 font-weight: 700;
  47 + color: rgba(0, 0, 0, .54);
47 48 white-space: nowrap;
48 49 background: none;
49 50 }
... ... @@ -52,11 +53,12 @@ md-list.tb-alarm-table {
52 53 .tb-cell {
53 54 padding: 0 24px;
54 55 margin: auto 0;
55   - color: rgba(0,0,0,.87);
  56 + overflow: hidden;
56 57 font-size: 13px;
57   - vertical-align: middle;
  58 + color: rgba(0, 0, 0, .87);
58 59 text-align: left;
59   - overflow: hidden;
  60 + vertical-align: middle;
  61 +
60 62 .md-button {
61 63 padding: 0;
62 64 margin: 0;
... ... @@ -66,12 +68,11 @@ md-list.tb-alarm-table {
66 68 .tb-cell.tb-number {
67 69 text-align: right;
68 70 }
69   -
70 71 }
71 72
72 73 #tb-alarm-content {
73   - min-width: 400px;
74   - min-height: 50px;
75 74 width: 100%;
  75 + min-width: 400px;
76 76 height: 100%;
  77 + min-height: 50px;
77 78 }
... ...
... ... @@ -13,10 +13,12 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -#tb-audit-log-action-data, #tb-audit-log-failure-details {
17   - min-width: 400px;
18   - min-height: 50px;
  16 +
  17 +#tb-audit-log-action-data,
  18 +#tb-audit-log-failure-details {
19 19 width: 100%;
  20 + min-width: 400px;
20 21 height: 100%;
21   - border: 1px solid #C0C0C0;
22   -}
\ No newline at end of file
  22 + min-height: 50px;
  23 + border: 1px solid #c0c0c0;
  24 +}
... ...
... ... @@ -13,17 +13,21 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-audit-logs {
17 18 background-color: #fff;
  19 +
18 20 .tb-audit-log-margin-18px {
19 21 margin-bottom: 18px;
20 22 }
  23 +
21 24 .tb-audit-log-toolbar {
22 25 font-size: 20px;
23 26 }
  27 +
24 28 md-input-container.tb-audit-log-search-input {
25 29 .md-errors-spacer {
26   - min-height: 0px;
  30 + min-height: 0;
27 31 }
28 32 }
29 33 }
... ... @@ -32,27 +36,26 @@
32 36 overflow-x: auto;
33 37 }
34 38
35   -
36   -
37 39 md-list.tb-audit-log-table {
38   - padding: 0px;
39 40 min-width: 700px;
  41 + padding: 0;
  42 +
40 43 &.tb-audit-log-table-full {
41 44 min-width: 900px;
42 45 }
43 46
44 47 md-list-item {
45   - padding: 0px;
  48 + padding: 0;
46 49 }
47 50
48 51 .tb-row {
49 52 height: 48px;
50   - padding: 0px;
  53 + padding: 0;
51 54 overflow: hidden;
52 55 }
53 56
54 57 .tb-row:hover {
55   - background-color: #EEEEEE;
  58 + background-color: #eee;
56 59 }
57 60
58 61 .tb-header:hover {
... ... @@ -61,9 +64,9 @@ md-list.tb-audit-log-table {
61 64
62 65 .tb-header {
63 66 .tb-cell {
64   - color: rgba(0,0,0,.54);
65 67 font-size: 12px;
66 68 font-weight: 700;
  69 + color: rgba(0, 0, 0, .54);
67 70 white-space: nowrap;
68 71 background: none;
69 72 }
... ... @@ -72,11 +75,12 @@ md-list.tb-audit-log-table {
72 75 .tb-cell {
73 76 padding: 0 24px;
74 77 margin: auto 0;
75   - color: rgba(0,0,0,.87);
  78 + overflow: hidden;
76 79 font-size: 13px;
77   - vertical-align: middle;
  80 + color: rgba(0, 0, 0, .87);
78 81 text-align: left;
79   - overflow: hidden;
  82 + vertical-align: middle;
  83 +
80 84 .md-button {
81 85 padding: 0;
82 86 margin: 0;
... ... @@ -86,5 +90,4 @@ md-list.tb-audit-log-table {
86 90 .tb-cell.tb-number {
87 91 text-align: right;
88 92 }
89   -
90 93 }
... ...
... ... @@ -13,16 +13,19 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-dashboard-autocomplete {
17 18 .tb-not-found {
18 19 display: block;
19   - line-height: 1.5;
20 20 height: 48px;
  21 + line-height: 1.5;
21 22 }
  23 +
22 24 .tb-dashboard-item {
23 25 display: block;
24 26 height: 48px;
25 27 }
  28 +
26 29 li {
27 30 height: auto !important;
28 31 white-space: normal !important;
... ...
... ... @@ -13,18 +13,20 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -@import '../../scss/constants';
  16 +@import "../../scss/constants";
17 17
18 18 tb-dashboard-select {
19 19 min-width: 52px;
  20 +
20 21 md-select {
21   - pointer-events: all;
22 22 max-width: 300px;
  23 + pointer-events: all;
23 24 }
24 25 }
25 26
26 27 .tb-dashboard-select {
27 28 min-height: 32px;
  29 +
28 30 span {
29 31 pointer-events: all;
30 32 cursor: pointer;
... ... @@ -38,23 +40,27 @@ tb-dashboard-select {
38 40 }
39 41
40 42 .tb-dashboard-select-panel {
  43 + min-width: 300px;
  44 + max-width: 320px;
41 45 max-height: 150px;
  46 + overflow-x: hidden;
  47 + overflow-y: auto;
  48 + background: #fff;
  49 + border-radius: 4px;
  50 + box-shadow:
  51 + 0 7px 8px -4px rgba(0, 0, 0, .2),
  52 + 0 13px 19px 2px rgba(0, 0, 0, .14),
  53 + 0 5px 24px 4px rgba(0, 0, 0, .12);
  54 +
42 55 @media (min-height: 350px) {
43 56 max-height: 250px;
44 57 }
45   - max-width: 320px;
  58 +
46 59 @media (min-width: $layout-breakpoint-xs) {
47 60 max-width: 100%;
48 61 }
49   - min-width: 300px;
50   - background: white;
51   - border-radius: 4px;
52   - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
53   - 0 13px 19px 2px rgba(0, 0, 0, 0.14),
54   - 0 5px 24px 4px rgba(0, 0, 0, 0.12);
55   - overflow-x: hidden;
56   - overflow-y: auto;
  62 +
57 63 md-content {
58 64 background-color: #fff;
59 65 }
60   -}
\ No newline at end of file
  66 +}
... ...
... ... @@ -21,6 +21,7 @@ div.tb-widget {
21 21 margin: 0;
22 22 overflow: hidden;
23 23 outline: none;
  24 +
24 25 @include transition(all .2s ease-in-out);
25 26
26 27 .tb-widget-title {
... ... @@ -32,7 +33,7 @@ div.tb-widget {
32 33
33 34 tb-timewindow {
34 35 font-size: 14px;
35   - opacity: 0.85;
  36 + opacity: .85;
36 37 }
37 38 }
38 39
... ... @@ -44,17 +45,19 @@ div.tb-widget {
44 45 margin: 0;
45 46
46 47 .md-button.md-icon-button {
47   - margin: 0 !important;
48   - padding: 0 !important;
49   - line-height: 20px;
50 48 width: 32px;
51   - height: 32px;
52 49 min-width: 32px;
  50 + height: 32px;
53 51 min-height: 32px;
54   - md-icon, ng-md-icon {
  52 + padding: 0 !important;
  53 + margin: 0 !important;
  54 + line-height: 20px;
  55 +
  56 + md-icon,
  57 + ng-md-icon {
55 58 width: 20px;
56   - height: 20px;
57 59 min-width: 20px;
  60 + height: 20px;
58 61 min-height: 20px;
59 62 font-size: 20px;
60 63 }
... ... @@ -63,8 +66,8 @@ div.tb-widget {
63 66
64 67 .tb-widget-content {
65 68 tb-widget {
66   - width: 100%;
67 69 position: relative;
  70 + width: 100%;
68 71 }
69 72 }
70 73 }
... ... @@ -75,40 +78,41 @@ div.tb-widget.tb-highlighted {
75 78 }
76 79
77 80 div.tb-widget.tb-not-highlighted {
78   - opacity: 0.5;
  81 + opacity: .5;
79 82 }
80 83
81 84 tb-dashboard {
82 85 position: absolute;
83 86 top: 0;
84   - left: 0;
85 87 right: 0;
86 88 bottom: 0;
  89 + left: 0;
87 90 }
88 91
89 92 md-content.tb-dashboard-content {
90 93 position: absolute;
91 94 top: 0;
92   - left: 0;
93 95 right: 0;
94 96 bottom: 0;
95   - outline: none;
  97 + left: 0;
96 98 background: none;
  99 + outline: none;
  100 +
97 101 .gridster-item {
98   - @include transition(none);
  102 + @include transition(none);
99 103 }
100 104 }
101 105
102 106 .tb-widget-error-container {
103 107 position: absolute;
104   - background-color: #fff;
105 108 width: 100%;
106 109 height: 100%;
  110 + background-color: #fff;
107 111 }
108 112
109 113 .tb-widget-error-msg {
110   - color: red;
  114 + padding: 5px;
111 115 font-size: 16px;
  116 + color: #f00;
112 117 word-wrap: break-word;
113   - padding: 5px;
114 118 }
... ...
... ... @@ -13,9 +13,11 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-datakey-config {
17 18 min-width: 500px !important;
18 19 min-height: 500px !important;
  20 +
19 21 md-content {
20 22 background-color: #fff;
21 23 }
... ...
... ... @@ -13,17 +13,22 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -@import '../../scss/constants';
  16 +@import "../../scss/constants";
17 17
18   -.tb-entity-alias-autocomplete, .tb-timeseries-datakey-autocomplete, .tb-attribute-datakey-autocomplete, .tb-alarm-datakey-autocomplete {
  18 +.tb-entity-alias-autocomplete,
  19 +.tb-timeseries-datakey-autocomplete,
  20 +.tb-attribute-datakey-autocomplete,
  21 +.tb-alarm-datakey-autocomplete {
19 22 .tb-not-found {
20 23 display: block;
21   - line-height: 1.5;
22 24 height: 48px;
  25 + line-height: 1.5;
  26 +
23 27 .tb-no-entries {
24 28 line-height: 48px;
25 29 }
26 30 }
  31 +
27 32 li {
28 33 height: auto !important;
29 34 white-space: normal !important;
... ... @@ -32,13 +37,14 @@
32 37
33 38 tb-datasource-entity {
34 39 @media (min-width: $layout-breakpoint-sm) {
35   - padding-left: 4px;
36 40 padding-right: 4px;
  41 + padding-left: 4px;
37 42 }
  43 +
38 44 tb-entity-alias-select {
39 45 @media (min-width: $layout-breakpoint-sm) {
40 46 width: 200px;
41 47 max-width: 200px;
42 48 }
43 49 }
44   -}
\ No newline at end of file
  50 +}
... ...
... ... @@ -13,7 +13,7 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -@import '../../scss/constants';
  16 +@import "../../scss/constants";
17 17
18 18 .tb-datasource-func {
19 19 @media (min-width: $layout-breakpoint-sm) {
... ... @@ -22,19 +22,22 @@
22 22
23 23 md-input-container.tb-datasource-name {
24 24 .md-errors-spacer {
25   - display: none;
  25 + display: none;
26 26 }
27 27 }
28 28
29   - .tb-func-datakey-autocomplete, .tb-alarm-datakey-autocomplete {
  29 + .tb-func-datakey-autocomplete,
  30 + .tb-alarm-datakey-autocomplete {
30 31 .tb-not-found {
31 32 display: block;
32   - line-height: 1.5;
33 33 height: 48px;
  34 + line-height: 1.5;
  35 +
34 36 .tb-no-entries {
35 37 line-height: 48px;
36 38 }
37 39 }
  40 +
38 41 li {
39 42 height: auto !important;
40 43 white-space: normal !important;
... ...
... ... @@ -13,39 +13,43 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-datasource {
17   - #entity-autocomplete {
18   - height: 30px;
19   - margin-top: 18px;
20   - md-autocomplete-wrap {
21   - height: 30px;
22   - }
23   - input, input:not(.md-input) {
24   - height: 30px;
25   - }
26   - }
27   - #datasourceType {
  18 + #entity-autocomplete {
  19 + height: 30px;
  20 + margin-top: 18px;
  21 +
  22 + md-autocomplete-wrap {
  23 + height: 30px;
  24 + }
  25 +
  26 + input,
  27 + input:not(.md-input) {
  28 + height: 30px;
  29 + }
28 30 }
29 31 }
30 32
31 33 @mixin tb-checkered-bg() {
32 34 background-color: #fff;
33   - background-image: linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd),
34   - linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
35   - background-size: 8px 8px;
  35 + background-image:
  36 + linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd),
  37 + linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
36 38 background-position: 0 0, 4px 4px;
  39 + background-size: 8px 8px;
37 40 }
38 41
39 42 .tb-color-preview {
40   - content: '';
41   - min-width: 24px;
  43 + position: relative;
42 44 width: 24px;
  45 + min-width: 24px;
43 46 height: 24px;
  47 + overflow: hidden;
  48 + content: "";
44 49 border: 2px solid #fff;
45 50 border-radius: 50%;
46 51 box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
47   - position: relative;
48   - overflow: hidden;
  52 +
49 53 @include tb-checkered-bg();
50 54
51 55 .tb-color-result {
... ... @@ -60,6 +64,7 @@
60 64 text-overflow: ellipsis;
61 65 white-space: nowrap;
62 66 }
  67 +
63 68 .tb-chip-separator {
64 69 white-space: pre;
65 70 }
... ...
... ... @@ -13,13 +13,16 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 tb-datetime-period {
17 18 md-input-container {
18   - margin-bottom: 0px;
  19 + margin-bottom: 0;
  20 +
19 21 .md-errors-spacer {
20   - min-height: 0px;
  22 + min-height: 0;
21 23 }
22 24 }
  25 +
23 26 mdp-date-picker {
24 27 .md-input {
25 28 width: 150px !important;
... ...
... ... @@ -13,47 +13,51 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -@import '../../scss/constants';
  16 +@import "../../scss/constants";
17 17
18 18 .tb-details-title {
19   - font-size: 1.000rem;
20   - @media (min-width: $layout-breakpoint-gt-sm) {
21   - font-size: 1.600rem;
22   - }
23   - font-weight: 400;
24   - text-transform: uppercase;
  19 + width: inherit;
25 20 margin: 20px 8px 0 0;
26 21 overflow: hidden;
  22 + font-size: 1rem;
  23 + font-weight: 400;
27 24 text-overflow: ellipsis;
  25 + text-transform: uppercase;
28 26 white-space: nowrap;
29   - width: inherit;
  27 +
  28 + @media (min-width: $layout-breakpoint-gt-sm) {
  29 + font-size: 1.6rem;
  30 + }
30 31 }
31 32
32 33 .tb-details-subtitle {
33   - font-size: 1.000rem;
  34 + width: inherit;
34 35 margin: 10px 0;
35   - opacity: 0.8;
36 36 overflow: hidden;
  37 + font-size: 1rem;
37 38 text-overflow: ellipsis;
38 39 white-space: nowrap;
39   - width: inherit;
  40 + opacity: .8;
40 41 }
41 42
42 43 md-sidenav.tb-sidenav-details {
43 44 .md-toolbar-tools {
44   - min-height: 100px;
45   - max-height: 120px;
46   - height: 100%;
  45 + height: 100%;
  46 + min-height: 100px;
  47 + max-height: 120px;
47 48 }
  49 + z-index: 59 !important;
48 50 width: 100% !important;
49 51 max-width: 100% !important;
50   - z-index: 59 !important;
  52 +
51 53 @media (min-width: $layout-breakpoint-gt-sm) {
52 54 width: 80% !important;
53 55 }
  56 +
54 57 @media (min-width: $layout-breakpoint-gt-md) {
55 58 width: 65% !important;
56 59 }
  60 +
57 61 tb-dashboard {
58 62 md-content {
59 63 background-color: $primary-hue-3;
... ...
... ... @@ -13,15 +13,18 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-entity-alias-autocomplete {
17 18 .tb-not-found {
18 19 display: block;
19   - line-height: 1.5;
20 20 height: 48px;
  21 + line-height: 1.5;
  22 +
21 23 .tb-no-entries {
22 24 line-height: 48px;
23 25 }
24 26 }
  27 +
25 28 li {
26 29 height: auto !important;
27 30 white-space: normal !important;
... ...
... ... @@ -16,37 +16,38 @@
16 16 @import "../../scss/constants";
17 17
18 18 .tb-fullscreen {
19   - section.header-buttons {
20   - top: 25px;
21   - }
22   -}
23   -
24   -.tb-fullscreen {
25   - width: 100% !important;
26   - height: 100% !important;
27 19 position: fixed !important;
28 20 top: 0;
29 21 left: 0;
  22 + width: 100% !important;
  23 + height: 100% !important;
  24 +
  25 + section.header-buttons {
  26 + top: 25px;
  27 + }
30 28 }
31 29
32 30 .tb-fullscreen-parent {
33   - background-color: $gray;
34   - width: 100%;
35   - height: 100%;
36 31 position: fixed;
37 32 top: 0;
38 33 left: 0;
  34 + width: 100%;
  35 + height: 100%;
  36 + background-color: $gray;
39 37 }
40 38
41   -.md-button.tb-fullscreen-button-style, .tb-fullscreen-button-style {
  39 +.md-button.tb-fullscreen-button-style,
  40 +.tb-fullscreen-button-style {
42 41 background: #ccc;
43   - opacity: 0.85;
  42 + opacity: .85;
  43 +
44 44 ng-md-icon {
45 45 color: #666;
46 46 }
47 47 }
48 48
49   -.md-button.tb-fullscreen-button-pos, .tb-fullscreen-button-pos {
  49 +.md-button.tb-fullscreen-button-pos,
  50 +.tb-fullscreen-button-pos {
50 51 position: absolute;
51 52 top: 10px;
52 53 right: 10px;
... ...
... ... @@ -21,15 +21,19 @@
21 21
22 22 .tb-card-item {
23 23 @include transition(all .2s ease-in-out);
  24 +
24 25 md-card-content {
25   - padding-top: 0px;
26 26 max-height: 53px;
  27 + padding-top: 0;
27 28 }
  29 +
28 30 md-card-title {
29 31 width: 100%;
  32 +
30 33 md-card-title-text {
31   - max-height: 32px;
32 34 min-width: 50%;
  35 + max-height: 32px;
  36 +
33 37 .md-headline {
34 38 overflow: hidden;
35 39 text-overflow: ellipsis;
... ... @@ -40,14 +44,15 @@
40 44 }
41 45
42 46 .tb-current-item {
43   - opacity: 0.5;
  47 + opacity: .5;
  48 +
44 49 @include transform(scale(1.05));
45 50 }
46 51
47 52 #tb-vertical-container {
48 53 position: absolute;
49 54 top: 0;
50   - left: 0;
51 55 right: 0;
52 56 bottom: 0;
  57 + left: 0;
53 58 }
... ...
... ... @@ -13,11 +13,14 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 tb-js-func {
17 18 position: relative;
  19 +
18 20 .tb-disabled {
19   - color: rgba(0,0,0,0.38);
  21 + color: rgba(0, 0, 0, .38);
20 22 }
  23 +
21 24 .fill-height {
22 25 height: 100%;
23 26 }
... ... @@ -25,25 +28,27 @@ tb-js-func {
25 28
26 29 .tb-js-func-toolbar {
27 30 .md-button.tidy {
28   - color: #7B7B7B;
29 31 min-width: 32px;
30 32 min-height: 15px;
31   - line-height: 15px;
32   - font-size: 0.800rem;
33   - margin: 0 5px 0 0;
34 33 padding: 4px;
35   - background: rgba(220, 220, 220, 0.35);
  34 + margin: 0 5px 0 0;
  35 + font-size: .8rem;
  36 + line-height: 15px;
  37 + color: #7b7b7b;
  38 + background: rgba(220, 220, 220, .35);
36 39 }
37 40 }
38 41
39 42 .tb-js-func-panel {
40   - margin-left: 15px;
41   - border: 1px solid #C0C0C0;
42 43 height: calc(100% - 80px);
  44 + margin-left: 15px;
  45 + border: 1px solid #c0c0c0;
  46 +
43 47 #tb-javascript-input {
44   - min-width: 200px;
45 48 width: 100%;
  49 + min-width: 200px;
46 50 height: 100%;
  51 +
47 52 &:not(.fill-height) {
48 53 min-height: 200px;
49 54 }
... ...
... ... @@ -13,8 +13,10 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 tb-json-content {
17 18 position: relative;
  19 +
18 20 .fill-height {
19 21 height: 100%;
20 22 }
... ... @@ -22,25 +24,27 @@ tb-json-content {
22 24
23 25 .tb-json-content-toolbar {
24 26 .md-button.tidy {
25   - color: #7B7B7B;
26 27 min-width: 32px;
27 28 min-height: 15px;
28   - line-height: 15px;
29   - font-size: 0.800rem;
30   - margin: 0 5px 0 0;
31 29 padding: 4px;
32   - background: rgba(220, 220, 220, 0.35);
  30 + margin: 0 5px 0 0;
  31 + font-size: .8rem;
  32 + line-height: 15px;
  33 + color: #7b7b7b;
  34 + background: rgba(220, 220, 220, .35);
33 35 }
34 36 }
35 37
36 38 .tb-json-content-panel {
37   - margin-left: 15px;
38   - border: 1px solid #C0C0C0;
39 39 height: 100%;
  40 + margin-left: 15px;
  41 + border: 1px solid #c0c0c0;
  42 +
40 43 #tb-json-input {
41   - min-width: 200px;
42 44 width: 100%;
  45 + min-width: 200px;
43 46 height: 100%;
  47 +
44 48 &:not(.fill-height) {
45 49 min-height: 200px;
46 50 }
... ...
... ... @@ -13,7 +13,8 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 tb-json-form {
17   - overflow: auto;
18 18 padding-bottom: 14px !important;
19   -}
\ No newline at end of file
  19 + overflow: auto;
  20 +}
... ...
... ... @@ -13,21 +13,25 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 tb-json-object-edit {
17 18 position: relative;
  19 +
18 20 .fill-height {
19 21 height: 100%;
20 22 }
21 23 }
22 24
23 25 .tb-json-object-panel {
24   - margin-left: 15px;
25   - border: 1px solid #C0C0C0;
26 26 height: 100%;
  27 + margin-left: 15px;
  28 + border: 1px solid #c0c0c0;
  29 +
27 30 #tb-json-input {
28   - min-width: 200px;
29 31 width: 100%;
  32 + min-width: 200px;
30 33 height: 100%;
  34 +
31 35 &:not(.fill-height) {
32 36 min-height: 200px;
33 37 }
... ...
... ... @@ -13,14 +13,16 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-kv-map {
17 18 span.no-data-found {
18 19 position: relative;
  20 + display: flex;
19 21 height: 40px;
20 22 text-transform: uppercase;
21   - display: flex;
  23 +
22 24 &.disabled {
23   - color: rgba(0,0,0,0.38);
  25 + color: rgba(0, 0, 0, .38);
24 26 }
25 27 }
26   -}
\ No newline at end of file
  28 +}
... ...
... ... @@ -13,6 +13,7 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .md-panel {
17 18 &.tb-legend-config-panel {
18 19 position: absolute;
... ... @@ -20,21 +21,26 @@
20 21 }
21 22
22 23 .tb-legend-config-panel {
23   - max-height: 220px;
24 24 min-width: 220px;
25   - background: white;
26   - border-radius: 4px;
27   - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
28   - 0 13px 19px 2px rgba(0, 0, 0, 0.14),
29   - 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  25 + max-height: 220px;
30 26 overflow: hidden;
31   - form, fieldset {
  27 + background: #fff;
  28 + border-radius: 4px;
  29 + box-shadow:
  30 + 0 7px 8px -4px rgba(0, 0, 0, .2),
  31 + 0 13px 19px 2px rgba(0, 0, 0, .14),
  32 + 0 5px 24px 4px rgba(0, 0, 0, .12);
  33 +
  34 + form,
  35 + fieldset {
32 36 height: 100%;
33 37 }
  38 +
34 39 md-content {
35   - background-color: #fff;
36 40 overflow: hidden;
  41 + background-color: #fff;
37 42 }
  43 +
38 44 .md-padding {
39 45 padding: 0 16px;
40 46 }
... ...
... ... @@ -13,39 +13,49 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 table.tb-legend {
17 18 width: 100%;
18 19 font-size: 12px;
19   - .tb-legend-header, .tb-legend-value {
20   - text-align: right;
  20 +
  21 + .tb-legend-header,
  22 + .tb-legend-value {
  23 + text-align: right;
21 24 }
  25 +
22 26 .tb-legend-header {
23 27 th {
24   - color: rgb(255,110,64);
25   - white-space: nowrap;
26 28 padding: 0 10px 1px 0;
  29 + color: rgb(255, 110, 64);
  30 + white-space: nowrap;
27 31 }
28 32 }
  33 +
29 34 .tb-legend-keys {
30   - td.tb-legend-label, td.tb-legend-value {
31   - white-space: nowrap;
  35 + td.tb-legend-label,
  36 + td.tb-legend-value {
32 37 padding: 2px 10px;
  38 + white-space: nowrap;
33 39 }
  40 +
34 41 .tb-legend-line {
  42 + display: inline-block;
35 43 width: 15px;
36 44 height: 3px;
37   - display: inline-block;
38 45 vertical-align: middle;
39 46 }
  47 +
40 48 .tb-legend-label {
41 49 text-align: left;
42 50 outline: none;
  51 +
43 52 &.tb-horizontal {
44 53 width: 95%;
45 54 }
  55 +
46 56 &.tb-hidden-label {
47 57 text-decoration: line-through;
48   - opacity: 0.6;
  58 + opacity: .6;
49 59 }
50 60 }
51 61 }
... ...
... ... @@ -13,14 +13,16 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-material-icon-select {
17   - md-icon {
18   - padding: 4px;
19   - margin: 8px 4px 4px;
20   - cursor: pointer;
21   - border: solid 1px rgba(0,0,0,0.27);
22   - }
23   - md-input-container {
24   - margin-bottom: 0px;
25   - }
26   -}
\ No newline at end of file
  18 + md-icon {
  19 + padding: 4px;
  20 + margin: 8px 4px 4px;
  21 + cursor: pointer;
  22 + border: solid 1px rgba(0, 0, 0, .27);
  23 + }
  24 +
  25 + md-input-container {
  26 + margin-bottom: 0;
  27 + }
  28 +}
... ...
... ... @@ -13,18 +13,20 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-material-icons-dialog {
17 18 button.md-icon-button.tb-select-icon-button {
18   - border: solid 1px orange;
19   - border-radius: 0%;
20   - padding: 16px;
21   - height: 56px;
22 19 width: 56px;
  20 + height: 56px;
  21 + padding: 16px;
23 22 margin: 10px;
  23 + border: solid 1px #ffa500;
  24 + border-radius: 0%;
24 25 }
  26 +
25 27 .tb-icons-load {
26 28 top: 64px;
27   - background: rgba(255,255,255,0.75);
28 29 z-index: 3;
  30 + background: rgba(255, 255, 255, .75);
29 31 }
30   -}
\ No newline at end of file
  32 +}
... ...
... ... @@ -24,9 +24,11 @@
24 24 }
25 25
26 26 .tb-menu-toggle-list {
27   - overflow: hidden;
28 27 position: relative;
29 28 z-index: 1;
30   - @include transition(0.75s cubic-bezier(0.35, 0, 0.25, 1));
  29 + overflow: hidden;
  30 +
  31 + @include transition(.75s cubic-bezier(.35, 0, .25, 1));
  32 +
31 33 @include transition-property(height);
32 34 }
... ...
... ... @@ -13,30 +13,35 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .json-form-ace-editor {
17   - position: relative;
18   - border: 1px solid #C0C0C0;
19   - height: 100%;
20   - .title-panel {
21   - position: absolute;
22   - font-size: 0.800rem;
23   - font-weight: 500;
24   - top: 10px;
25   - right: 20px;
26   - z-index: 5;
27   - label {
28   - color: #00acc1;
29   - background: rgba(220, 220, 220, 0.35);
30   - border-radius: 5px;
31   - padding: 4px;
32   - text-transform: uppercase;
33   - }
34   - button.tidy-button {
35   - background: rgba(220, 220, 220, 0.35) !important;
36   - span {
37   - padding: 0px !important;
38   - font-size: 12px !important;
39   - }
40   - }
  18 + position: relative;
  19 + height: 100%;
  20 + border: 1px solid #c0c0c0;
  21 +
  22 + .title-panel {
  23 + position: absolute;
  24 + top: 10px;
  25 + right: 20px;
  26 + z-index: 5;
  27 + font-size: .8rem;
  28 + font-weight: 500;
  29 +
  30 + label {
  31 + padding: 4px;
  32 + color: #00acc1;
  33 + text-transform: uppercase;
  34 + background: rgba(220, 220, 220, .35);
  35 + border-radius: 5px;
41 36 }
42   -}
\ No newline at end of file
  37 +
  38 + button.tidy-button {
  39 + background: rgba(220, 220, 220, .35) !important;
  40 +
  41 + span {
  42 + padding: 0 !important;
  43 + font-size: 12px !important;
  44 + }
  45 + }
  46 + }
  47 +}
... ...
... ... @@ -15,21 +15,23 @@
15 15 */
16 16 @mixin tb-checkered-bg() {
17 17 background-color: #fff;
18   - background-image: linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd),
19   - linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
20   - background-size: 8px 8px;
  18 + background-image:
  19 + linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd),
  20 + linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
21 21 background-position: 0 0, 4px 4px;
  22 + background-size: 8px 8px;
22 23 }
23 24
24 25 .tb-color-preview {
25   - content: '';
  26 + position: relative;
26 27 width: 24px;
27 28 height: 24px;
  29 + overflow: hidden;
  30 + content: "";
28 31 border: 2px solid #fff;
29 32 border-radius: 50%;
30 33 box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
31   - position: relative;
32   - overflow: hidden;
  34 +
33 35 @include tb-checkered-bg();
34 36
35 37 .tb-color-result {
... ...
... ... @@ -13,66 +13,69 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -$previewSize: 100px;
  16 +$previewSize: 100px !default;
17 17
18 18 .tb-image-select-container {
19 19 position: relative;
20   - height: $previewSize;
21 20 width: 100%;
  21 + height: $previewSize;
22 22 }
23 23
24 24 .tb-image-preview {
25   - max-width: $previewSize;
26   - max-height: $previewSize;
27   - width: 100%;
28   - height: 100%;
  25 + width: 100%;
  26 + max-width: $previewSize;
  27 + height: 100%;
  28 + max-height: $previewSize;
29 29 }
30 30
31 31 .tb-image-preview-container {
32   - position: relative;
33   - width: $previewSize;
34   - height: $previewSize;
35   - margin-right: 12px;
36   - border: solid 1px;
37   - vertical-align: top;
38   - float: left;
39   - div {
40   - width: 100%;
41   - font-size: 18px;
42   - text-align: center;
43   - position: absolute;
44   - top: 50%;
45   - left: 50%;
46   - transform: translate(-50%,-50%);
47   - }
  32 + position: relative;
  33 + float: left;
  34 + width: $previewSize;
  35 + height: $previewSize;
  36 + margin-right: 12px;
  37 + vertical-align: top;
  38 + border: solid 1px;
  39 +
  40 + div {
  41 + position: absolute;
  42 + top: 50%;
  43 + left: 50%;
  44 + width: 100%;
  45 + font-size: 18px;
  46 + text-align: center;
  47 + transform: translate(-50%, -50%);
  48 + }
48 49 }
49 50
50 51 .tb-dropzone {
51   - position: relative;
52   - border: dashed 2px;
53   - height: $previewSize;
54   - vertical-align: top;
55   - padding: 0 8px;
56   - overflow: hidden;
57   - div {
58   - width: 100%;
59   - font-size: 24px;
60   - text-align: center;
61   - position: absolute;
62   - top: 50%;
63   - left: 50%;
64   - transform: translate(-50%,-50%);
65   - }
  52 + position: relative;
  53 + height: $previewSize;
  54 + padding: 0 8px;
  55 + overflow: hidden;
  56 + vertical-align: top;
  57 + border: dashed 2px;
  58 +
  59 + div {
  60 + position: absolute;
  61 + top: 50%;
  62 + left: 50%;
  63 + width: 100%;
  64 + font-size: 24px;
  65 + text-align: center;
  66 + transform: translate(-50%, -50%);
  67 + }
66 68 }
67 69
68 70 .tb-image-clear-container {
69   - width: 48px;
70   - height: $previewSize;
71   - position: relative;
72   - float: right;
  71 + position: relative;
  72 + float: right;
  73 + width: 48px;
  74 + height: $previewSize;
73 75 }
  76 +
74 77 .tb-image-clear-btn {
75   - position: absolute !important;
76   - top: 50%;
77   - transform: translate(0%,-50%) !important;
  78 + position: absolute !important;
  79 + top: 50%;
  80 + transform: translate(0%, -50%) !important;
78 81 }
... ...
... ... @@ -15,87 +15,92 @@
15 15 */
16 16 @import "~compass-sass-mixins/lib/compass";
17 17
18   -$swift-ease-out-duration: 0.4s !default;
19   -$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
  18 +$swift-ease-out-duration: .4s !default;
  19 +$swift-ease-out-timing-function: cubic-bezier(.25, .8, .25, 1) !default;
20 20
21 21 $input-label-float-offset: 6px !default;
22   -$input-label-float-scale: 0.75 !default;
  22 +$input-label-float-scale: .75 !default;
23 23
24 24 .json-form-error {
25   - position: relative;
26   - bottom: -5px;
27   - font-size: 12px;
28   - line-height: 12px;
29   - color: rgb(244, 67, 54);
30   - @include transition(all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms);
  25 + position: relative;
  26 + bottom: -5px;
  27 + font-size: 12px;
  28 + line-height: 12px;
  29 + color: rgb(244, 67, 54);
  30 +
  31 + @include transition(all 450ms cubic-bezier(.23, 1, .32, 1) 0ms);
31 32 }
32 33
33 34 .tb-container {
34   - position: relative;
35   - margin-top: 32px;
36   - padding: 10px 0;
  35 + position: relative;
  36 + padding: 10px 0;
  37 + margin-top: 32px;
37 38 }
38 39
39 40 .tb-field {
40   - &.tb-required {
41   - label:after {
42   - content: ' *';
43   - font-size: 13px;
44   - vertical-align: top;
45   - color: rgba(0,0,0,0.54);
46   - }
  41 + &.tb-required {
  42 + label::after {
  43 + font-size: 13px;
  44 + color: rgba(0, 0, 0, .54);
  45 + vertical-align: top;
  46 + content: " *";
47 47 }
48   - &.tb-focused:not(.tb-readonly) {
49   - label:after {
50   - color: rgb(221,44,0);
51   - }
  48 + }
  49 +
  50 + &.tb-focused:not(.tb-readonly) {
  51 + label::after {
  52 + color: rgb(221, 44, 0);
52 53 }
  54 + }
53 55 }
54 56
55 57 .tb-date-field {
56   - &.tb-required {
57   - div>div:first-child:after {
58   - content: ' *';
59   - font-size: 13px;
60   - vertical-align: top;
61   - color: rgba(0,0,0,0.54);
62   - }
  58 + &.tb-required {
  59 + div > div:first-child::after {
  60 + font-size: 13px;
  61 + color: rgba(0, 0, 0, .54);
  62 + vertical-align: top;
  63 + content: " *";
63 64 }
64   - &.tb-focused:not(.tb-readonly) {
65   - div>div:first-child:after {
66   - color: rgb(221,44,0);
67   - }
  65 + }
  66 +
  67 + &.tb-focused:not(.tb-readonly) {
  68 + div > div:first-child::after {
  69 + color: rgb(221, 44, 0);
68 70 }
  71 + }
69 72 }
70 73
71 74 label.tb-label {
72   - color: rgba(0,0,0,0.54);
73   - -webkit-font-smoothing: antialiased;
74   - position: absolute;
75   - bottom: 100%;
76   - left: 0;
77   - right: auto;
78   - @include transform(translate3d(0, $input-label-float-offset, 0) scale($input-label-float-scale));
79   - @include transition(transform $swift-ease-out-timing-function $swift-ease-out-duration,
80   - width $swift-ease-out-timing-function $swift-ease-out-duration);
81   - transform-origin: left top;
82   -
83   - &.tb-focused {
84   - color: rgb(96,125,139);
85   - }
  75 + position: absolute;
  76 + right: auto;
  77 + bottom: 100%;
  78 + left: 0;
  79 + color: rgba(0, 0, 0, .54);
  80 + transform-origin: left top;
  81 + -webkit-font-smoothing: antialiased;
86 82
87   - &.tb-required:after {
88   - content: ' *';
89   - font-size: 13px;
90   - vertical-align: top;
91   - color: rgba(0,0,0,0.54);
92   - }
  83 + @include transform(translate3d(0, $input-label-float-offset, 0) scale($input-label-float-scale));
93 84
94   - &.tb-focused:not(.tb-readonly):after {
95   - color: rgb(221,44,0);
96   - }
  85 + @include transition(transform $swift-ease-out-timing-function $swift-ease-out-duration,
  86 + width $swift-ease-out-timing-function $swift-ease-out-duration);
  87 +
  88 + &.tb-focused {
  89 + color: rgb(96, 125, 139);
  90 + }
  91 +
  92 + &.tb-required::after {
  93 + font-size: 13px;
  94 + color: rgba(0, 0, 0, .54);
  95 + vertical-align: top;
  96 + content: " *";
  97 + }
  98 +
  99 + &.tb-focused:not(.tb-readonly)::after {
  100 + color: rgb(221, 44, 0);
  101 + }
97 102 }
98 103
99 104 .tb-head-label {
100   - color: rgba(0,0,0,0.54);
  105 + color: rgba(0, 0, 0, .54);
101 106 }
... ...
... ... @@ -13,16 +13,19 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-related-entity-autocomplete {
17 18 .tb-not-found {
18 19 display: block;
19   - line-height: 1.5;
20 20 height: 48px;
  21 + line-height: 1.5;
21 22 }
  23 +
22 24 .tb-entity-item {
23 25 display: block;
24 26 height: 48px;
25 27 }
  28 +
26 29 li {
27 30 height: auto !important;
28 31 white-space: normal !important;
... ...
... ... @@ -16,21 +16,22 @@
16 16 @import "~compass-sass-mixins/lib/compass";
17 17
18 18 .tb-side-menu .md-button.tb-active {
19   - background-color: rgba(255, 255, 255, 0.15);
20 19 font-weight: 500;
  20 + background-color: rgba(255, 255, 255, .15);
21 21 }
22 22
23   -.tb-side-menu, .tb-side-menu ul {
24   - list-style: none;
  23 +.tb-side-menu,
  24 +.tb-side-menu ul {
25 25 padding: 0;
26 26 margin-top: 0;
  27 + list-style: none;
27 28 }
28 29
29 30 .tb-side-menu .tb-menu-toggle-list a.md-button {
30 31 padding: 0 16px 0 32px;
  32 + font-weight: 500;
31 33 text-transform: none;
32 34 text-rendering: optimizeLegibility;
33   - font-weight: 500;
34 35 }
35 36
36 37 .tb-side-menu .tb-menu-toggle-list .md-button {
... ... @@ -43,36 +44,38 @@
43 44 }
44 45
45 46 .tb-side-menu > li {
46   - border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  47 + border-bottom: 1px solid rgba(0, 0, 0, .12);
47 48 }
48 49
49 50 .tb-side-menu .md-button-toggle .md-toggle-icon {
50   - background-size: 100% auto;
51 51 display: inline-block;
52   - margin: auto 0 auto auto;
53 52 width: 15px;
  53 + margin: auto 0 auto auto;
  54 + background-size: 100% auto;
  55 +
54 56 @include transition(transform .3s, ease-in-out);
55 57 }
56 58
57 59 .tb-side-menu .md-button {
58 60 display: flex;
59   - border-radius: 0;
60   - color: inherit;
61   - cursor: pointer;
62   - line-height: 40px;
63   - margin: 0;
  61 + width: 100%;
64 62 max-height: 40px;
  63 + padding: 0 16px;
  64 + margin: 0;
65 65 overflow: hidden;
66   - padding: 0px 16px;
  66 + line-height: 40px;
  67 + color: inherit;
67 68 text-align: left;
68 69 text-decoration: none;
69   - white-space: nowrap;
70 70 text-overflow: ellipsis;
71   - width: 100%;
  71 + white-space: nowrap;
  72 + cursor: pointer;
  73 + border-radius: 0;
  74 +
72 75 span {
73 76 overflow: hidden;
74   - white-space: nowrap;
75 77 text-overflow: ellipsis;
  78 + white-space: nowrap;
76 79 }
77 80 }
78 81
... ... @@ -83,10 +86,10 @@
83 86
84 87 .tb-side-menu ng-md-icon {
85 88 margin-right: 8px;
86   - margin-left: 0px;
  89 + margin-left: 0;
87 90 }
88 91
89 92 .tb-side-menu md-icon {
90 93 margin-right: 8px;
91   - margin-left: 0px;
  94 + margin-left: 0;
92 95 }
... ...
... ... @@ -13,25 +13,32 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 tb-timeinterval {
17 18 min-width: 355px;
  19 +
18 20 md-input-container {
19   - margin-bottom: 0px;
  21 + margin-bottom: 0;
  22 +
20 23 .md-errors-spacer {
21   - min-height: 0px;
  24 + min-height: 0;
22 25 }
23 26 }
  27 +
24 28 mdp-date-picker {
25 29 .md-input {
26 30 width: 150px;
27 31 }
28 32 }
  33 +
29 34 .md-input {
30 35 width: 70px !important;
31 36 }
  37 +
32 38 .advanced-switch {
33 39 margin-top: 0;
34 40 }
  41 +
35 42 .advanced-label {
36 43 margin: 5px 0;
37 44 }
... ...
... ... @@ -13,6 +13,7 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .md-panel {
17 18 &.tb-timewindow-panel {
18 19 position: absolute;
... ... @@ -20,38 +21,48 @@
20 21 }
21 22
22 23 .tb-timewindow-panel {
23   - max-height: 440px;
24 24 min-width: 417px;
25   - background: white;
26   - border-radius: 4px;
27   - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
28   - 0 13px 19px 2px rgba(0, 0, 0, 0.14),
29   - 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  25 + max-height: 440px;
30 26 overflow: hidden;
31   - form, fieldset {
  27 + background: #fff;
  28 + border-radius: 4px;
  29 + box-shadow:
  30 + 0 7px 8px -4px rgba(0, 0, 0, .2),
  31 + 0 13px 19px 2px rgba(0, 0, 0, .14),
  32 + 0 5px 24px 4px rgba(0, 0, 0, .12);
  33 +
  34 + form,
  35 + fieldset {
32 36 height: 100%;
33 37 }
  38 +
34 39 md-content {
35   - background-color: #fff;
36 40 overflow: hidden;
  41 + background-color: #fff;
37 42 }
  43 +
38 44 .md-padding {
39 45 padding: 0 16px;
40 46 }
  47 +
41 48 .md-radio-interactive {
42   - md-select, md-switch {
  49 + md-select,
  50 + md-switch {
43 51 pointer-events: all;
44 52 }
45 53 }
  54 +
46 55 md-radio-button {
47 56 .md-label {
48 57 width: 100%;
49 58 }
  59 +
50 60 tb-timeinterval {
51 61 width: 355px;
  62 +
52 63 .advanced-switch {
53   - min-height: 30px;
54 64 max-width: 44px;
  65 + min-height: 30px;
55 66 }
56 67 }
57 68 }
... ... @@ -59,15 +70,17 @@
59 70
60 71 tb-timewindow {
61 72 min-width: 52px;
  73 +
62 74 section.tb-timewindow {
63 75 min-height: 32px;
64 76 padding: 0 6px;
  77 +
65 78 span {
66   - pointer-events: all;
67   - cursor: pointer;
68 79 overflow: hidden;
69 80 text-overflow: ellipsis;
70 81 white-space: nowrap;
  82 + pointer-events: all;
  83 + cursor: pointer;
71 84 }
72 85 }
73 86 }
... ...
... ... @@ -13,18 +13,19 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-manage-widget-actions {
17 18 table.md-table {
18 19 tbody {
19 20 tr {
20 21 td {
21 22 &.tb-action-cell {
  23 + width: 100px;
  24 + min-width: 100px;
  25 + max-width: 100px;
22 26 overflow: hidden;
23 27 text-overflow: ellipsis;
24 28 white-space: nowrap;
25   - min-width: 100px;
26   - max-width: 100px;
27   - width: 100px;
28 29 }
29 30 }
30 31 }
... ...
... ... @@ -13,11 +13,13 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-widget-config {
17 18 md-tab-content.md-active > div {
18 19 height: 100%;
19 20 }
  21 +
20 22 .tb-advanced-widget-config {
21 23 height: 100%;
22 24 }
23   -}
\ No newline at end of file
  25 +}
... ...
... ... @@ -13,18 +13,21 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-widget {
17 18 .tb-widget-error {
18 19 display: flex;
19   - justify-content: center;
20 20 align-items: center;
21   - background: rgba(255,255,255,0.5);
  21 + justify-content: center;
  22 + background: rgba(255, 255, 255, .5);
  23 +
22 24 span {
23   - color: red;
  25 + color: #f00;
24 26 }
25 27 }
  28 +
26 29 .tb-widget-loading {
27   - background: rgba(255,255,255,0.15);
28 30 z-index: 3;
  31 + background: rgba(255, 255, 255, .15);
29 32 }
30 33 }
... ...
... ... @@ -17,9 +17,10 @@
17 17
18 18 tb-widgets-bundle-select {
19 19 md-select {
20   - margin: 0;
21 20 padding: 5px 20px;
  21 + margin: 0;
22 22 }
  23 +
23 24 .tb-bundle-item {
24 25 height: 24px;
25 26 line-height: 24px;
... ... @@ -33,24 +34,29 @@ tb-widgets-bundle-select {
33 34 }
34 35 }
35 36
36   -tb-widgets-bundle-select, .tb-widgets-bundle-select {
  37 +tb-widgets-bundle-select,
  38 +.tb-widgets-bundle-select {
37 39 .md-text {
38 40 display: block;
39 41 width: 100%;
40 42 }
  43 +
41 44 .tb-bundle-item {
42 45 display: inline-block;
43 46 width: 100%;
  47 +
44 48 span {
45 49 display: inline-block;
46 50 vertical-align: middle;
47 51 }
  52 +
48 53 .tb-bundle-system {
49   - font-size: 0.8rem;
50   - opacity: 0.8;
51 54 float: right;
  55 + font-size: .8rem;
  56 + opacity: .8;
52 57 }
53 58 }
  59 +
54 60 md-option {
55 61 height: auto !important;
56 62 white-space: normal !important;
... ... @@ -60,19 +66,23 @@ tb-widgets-bundle-select, .tb-widgets-bundle-select {
60 66 md-toolbar {
61 67 tb-widgets-bundle-select {
62 68 md-select {
63   - background: rgba(255,255,255,0.2);
  69 + background: rgba(255, 255, 255, .2);
  70 +
64 71 .md-select-value {
65   - color: #fff;
66 72 font-size: 1.2rem;
67   - span:first-child:after {
68   - color: #fff;
  73 + color: #fff;
  74 +
  75 + span:first-child::after {
  76 + color: #fff;
69 77 }
70 78 }
  79 +
71 80 .md-select-value.md-select-placeholder {
72 81 color: #fff;
73   - opacity: 0.8;
  82 + opacity: .8;
74 83 }
75 84 }
  85 +
76 86 md-select.ng-invalid.ng-touched {
77 87 .md-select-value {
78 88 color: #fff !important;
... ...
... ... @@ -13,14 +13,15 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-dashboard-assigned-customers {
17 18 display: block;
18 19 display: -webkit-box;
19 20 height: 34px;
  21 + margin-bottom: 4px;
20 22 overflow: hidden;
21 23 text-overflow: ellipsis;
22 24 -webkit-line-clamp: 2;
23 25 -webkit-box-orient: vertical;
24   - margin-bottom: 4px;
25 26 }
26 27
... ...
... ... @@ -13,50 +13,54 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -$previewSize: 100px;
  16 +$previewSize: 100px !default;
17 17
18 18 .tb-image-select-container {
19 19 position: relative;
20   - height: $previewSize;
21 20 width: 100%;
  21 + height: $previewSize;
22 22 }
23 23
24 24 .tb-image-preview {
25   - max-width: $previewSize;
26   - max-height: $previewSize;
27 25 width: auto;
  26 + max-width: $previewSize;
28 27 height: auto;
  28 + max-height: $previewSize;
29 29 }
30 30
31 31 .tb-image-preview-container {
32 32 position: relative;
  33 + float: left;
33 34 width: $previewSize;
34 35 height: $previewSize;
35 36 margin-right: 12px;
36   - border: solid 1px;
37 37 vertical-align: top;
38   - float: left;
  38 + border: solid 1px;
  39 +
39 40 div {
40 41 width: 100%;
41 42 font-size: 18px;
42 43 text-align: center;
43 44 }
44   - div, .tb-image-preview {
  45 +
  46 + div,
  47 + .tb-image-preview {
45 48 position: absolute;
46 49 top: 50%;
47 50 left: 50%;
48   - transform: translate(-50%,-50%);
  51 + transform: translate(-50%, -50%);
49 52 }
50 53 }
51 54
52 55 .tb-image-clear-container {
53   - width: 48px;
54   - height: $previewSize;
55 56 position: relative;
56 57 float: right;
  58 + width: 48px;
  59 + height: $previewSize;
57 60 }
  61 +
58 62 .tb-image-clear-btn {
59 63 position: absolute !important;
60 64 top: 50%;
61   - transform: translate(0%,-50%) !important;
  65 + transform: translate(0%, -50%) !important;
62 66 }
... ...
... ... @@ -14,13 +14,14 @@
14 14 * limitations under the License.
15 15 */
16 16 @import "~compass-sass-mixins/lib/compass";
17   -@import '../../scss/constants';
18 17
19   -$toolbar-height: 50px;
20   -$fullscreen-toolbar-height: 64px;
21   -$mobile-toolbar-height: 80px;
22   -$half-mobile-toolbar-height: 40px;
23   -$mobile-toolbar-height-total: 84px;
  18 +@import "../../scss/constants";
  19 +
  20 +$toolbar-height: 50px !default;
  21 +$fullscreen-toolbar-height: 64px !default;
  22 +$mobile-toolbar-height: 80px !default;
  23 +$half-mobile-toolbar-height: 40px !default;
  24 +$mobile-toolbar-height-total: 84px !default;
24 25
25 26 tb-dashboard-toolbar {
26 27 md-fab-toolbar {
... ... @@ -29,126 +30,156 @@ tb-dashboard-toolbar {
29 30 .md-button {
30 31 &.md-fab {
31 32 opacity: 1;
  33 +
32 34 @include transition(opacity .3s cubic-bezier(.55,0,.55,.2));
  35 +
33 36 .md-fab-toolbar-background {
34   - background-color: $primary-default !important;
  37 + background-color: $primary-default !important;
35 38 }
36 39 }
37 40 }
38 41 }
39 42 }
  43 +
40 44 md-fab-trigger {
41 45 .md-button {
42 46 &.md-fab {
43   - line-height: 36px;
44 47 width: 36px;
45 48 height: 36px;
46 49 margin: 4px 0 0 4px;
47   - opacity: 0.5;
  50 + line-height: 36px;
  51 + opacity: .5;
  52 +
48 53 @include transition(opacity .3s cubic-bezier(.55,0,.55,.2) .2s);
  54 +
49 55 md-icon {
50 56 position: absolute;
51 57 top: 25%;
52   - margin: 0;
53   - line-height: 18px;
54   - height: 18px;
55 58 width: 18px;
56   - min-height: 18px;
57 59 min-width: 18px;
  60 + height: 18px;
  61 + min-height: 18px;
  62 + margin: 0;
  63 + line-height: 18px;
58 64 }
59 65 }
60 66 }
61 67 }
  68 +
62 69 &.is-fullscreen {
63 70 &.md-is-open {
64 71 md-fab-trigger {
65 72 .md-button {
66 73 &.md-fab {
67 74 .md-fab-toolbar-background {
68   - transition-delay: 0ms !important;
69   - transition-duration: 0ms !important;
  75 + transition-delay: 0ms !important;
  76 + transition-duration: 0ms !important;
70 77 }
71 78 }
72 79 }
73 80 }
74 81 }
  82 +
75 83 .md-fab-toolbar-wrapper {
76 84 height: $mobile-toolbar-height-total;
  85 +
77 86 @media (min-width: $layout-breakpoint-sm) {
78 87 height: $fullscreen-toolbar-height;
79 88 }
  89 +
80 90 md-toolbar {
81   - min-height: $mobile-toolbar-height;
82 91 height: $mobile-toolbar-height;
  92 + min-height: $mobile-toolbar-height;
  93 +
83 94 @media (min-width: $layout-breakpoint-sm) {
84   - min-height: $fullscreen-toolbar-height;
85 95 height: $fullscreen-toolbar-height;
  96 + min-height: $fullscreen-toolbar-height;
86 97 }
87 98 }
88 99 }
89 100 }
  101 +
90 102 .md-fab-toolbar-wrapper {
91 103 height: $mobile-toolbar-height-total;
  104 +
92 105 @media (min-width: $layout-breakpoint-sm) {
93 106 height: $toolbar-height;
94 107 }
  108 +
95 109 md-toolbar {
96   - min-height: $mobile-toolbar-height;
97 110 height: $mobile-toolbar-height;
  111 + min-height: $mobile-toolbar-height;
  112 +
98 113 @media (min-width: $layout-breakpoint-sm) {
99   - min-height: $toolbar-height;
100 114 height: $toolbar-height;
  115 + min-height: $toolbar-height;
101 116 }
  117 +
102 118 md-fab-actions {
  119 + margin-top: 0;
103 120 font-size: 16px;
104   - margin-top: 0px;
  121 +
105 122 @media (max-width: $layout-breakpoint-sm) {
106 123 height: $mobile-toolbar-height;
107 124 max-height: $mobile-toolbar-height;
108 125 }
  126 +
109 127 .close-action {
110 128 margin-right: -18px;
111 129 }
  130 +
112 131 .md-fab-action-item {
113 132 width: 100%;
114 133 height: $mobile-toolbar-height;
  134 +
115 135 @media (min-width: $layout-breakpoint-sm) {
116 136 height: 46px;
117 137 }
  138 +
118 139 .tb-dashboard-action-panels {
  140 + flex-direction: column-reverse;
119 141 height: $mobile-toolbar-height;
  142 +
120 143 @media (min-width: $layout-breakpoint-sm) {
121 144 height: 46px;
122 145 }
123   - flex-direction: column-reverse;
  146 +
124 147 @media (min-width: $layout-breakpoint-sm) {
125 148 flex-direction: row-reverse;
126 149 }
  150 +
127 151 .tb-dashboard-action-panel {
128   - min-width: 0px;
  152 + flex-direction: row-reverse;
  153 + min-width: 0;
129 154 height: $half-mobile-toolbar-height;
  155 +
130 156 @media (min-width: $layout-breakpoint-sm) {
131 157 height: 46px;
132 158 }
133   - flex-direction: row-reverse;
  159 +
134 160 div {
135 161 height: $half-mobile-toolbar-height;
  162 +
136 163 @media (min-width: $layout-breakpoint-sm) {
137 164 height: 46px;
138 165 }
139 166 }
  167 +
140 168 md-select {
141 169 pointer-events: all;
142 170 }
  171 +
143 172 tb-states-component {
144 173 pointer-events: all;
145 174 }
  175 +
146 176 button.md-icon-button {
147 177 min-width: 40px;
  178 +
148 179 @media (max-width: $layout-breakpoint-sm) {
149 180 min-width: 28px;
150   - margin: 0px;
151 181 padding: 2px;
  182 + margin: 0;
152 183 }
153 184 }
154 185 }
... ... @@ -158,4 +189,4 @@ tb-dashboard-toolbar {
158 189 }
159 190 }
160 191 }
161   -}
\ No newline at end of file
  192 +}
... ...
... ... @@ -14,11 +14,12 @@
14 14 * limitations under the License.
15 15 */
16 16 @import "~compass-sass-mixins/lib/compass";
17   -@import '../../scss/constants';
18 17
19   -$toolbar-height: 50px;
20   -$fullscreen-toolbar-height: 64px;
21   -$mobile-toolbar-height: 84px;
  18 +@import "../../scss/constants";
  19 +
  20 +$toolbar-height: 50px !default;
  21 +$fullscreen-toolbar-height: 64px !default;
  22 +$mobile-toolbar-height: 84px !default;
22 23
23 24 section.tb-dashboard-title {
24 25 position: absolute;
... ... @@ -27,10 +28,10 @@ section.tb-dashboard-title {
27 28 }
28 29
29 30 input.tb-dashboard-title {
30   - font-size: 2.000rem;
31   - font-weight: 500;
32   - letter-spacing: 0.005em;
33 31 height: 38px;
  32 + font-size: 2rem;
  33 + font-weight: 500;
  34 + letter-spacing: .005em;
34 35 }
35 36
36 37 div.tb-padded {
... ... @@ -50,9 +51,11 @@ tb-details-sidenav.tb-widget-details-sidenav {
50 51 @media (min-width: $layout-breakpoint-sm) {
51 52 width: 85% !important;
52 53 }
  54 +
53 55 @media (min-width: $layout-breakpoint-md) {
54 56 width: 75% !important;
55 57 }
  58 +
56 59 @media (min-width: $layout-breakpoint-lg) {
57 60 width: 60% !important;
58 61 }
... ... @@ -65,47 +68,55 @@ tb-details-sidenav.tb-widget-details-sidenav {
65 68
66 69 section.tb-dashboard-toolbar {
67 70 position: absolute;
68   - top: 0px;
69   - left: 0px;
  71 + top: 0;
  72 + left: 0;
70 73 z-index: 13;
71 74 pointer-events: none;
  75 +
72 76 &.tb-dashboard-toolbar-opened {
73   - right: 0px;
74   - // @include transition(right .3s cubic-bezier(.55,0,.55,.2));
  77 + right: 0;
  78 + // @include transition(right .3s cubic-bezier(.55,0,.55,.2));
75 79 }
  80 +
76 81 &.tb-dashboard-toolbar-closed {
77 82 right: 18px;
  83 +
78 84 @include transition(right .3s cubic-bezier(.55,0,.55,.2) .2s);
79 85 }
80 86 }
81 87
82 88 .tb-dashboard-container {
83   - &.tb-dashboard-toolbar-opened {
84   - &.is-fullscreen {
85   - margin-top: $mobile-toolbar-height;
86   - @media (min-width: $layout-breakpoint-sm) {
87   - margin-top: $fullscreen-toolbar-height;
88   - }
89   - }
90   - &:not(.is-fullscreen) {
91   - margin-top: $mobile-toolbar-height;
92   - @media (min-width: $layout-breakpoint-sm) {
93   - margin-top: $toolbar-height;
94   - }
95   - @include transition(margin-top .3s cubic-bezier(.55,0,.55,.2));
96   - }
97   - }
98   - &.tb-dashboard-toolbar-closed {
99   - margin-top: 0px;
100   - @include transition(margin-top .3s cubic-bezier(.55,0,.55,.2) .2s);
  89 + &.tb-dashboard-toolbar-opened {
  90 + &.is-fullscreen {
  91 + margin-top: $mobile-toolbar-height;
  92 +
  93 + @media (min-width: $layout-breakpoint-sm) {
  94 + margin-top: $fullscreen-toolbar-height;
  95 + }
  96 + }
  97 +
  98 + &:not(.is-fullscreen) {
  99 + margin-top: $mobile-toolbar-height;
  100 +
  101 + @media (min-width: $layout-breakpoint-sm) {
  102 + margin-top: $toolbar-height;
  103 + }
  104 +
  105 + @include transition(margin-top .3s cubic-bezier(.55,0,.55,.2));
  106 + }
  107 + }
  108 +
  109 + &.tb-dashboard-toolbar-closed {
  110 + margin-top: 0;
  111 +
  112 + @include transition(margin-top .3s cubic-bezier(.55,0,.55,.2) .2s);
101 113 }
  114 +
102 115 .tb-dashboard-layouts {
103 116 md-backdrop {
104 117 z-index: 1;
105 118 }
106   - #tb-main-layout {
107 119
108   - }
109 120 #tb-right-layout {
110 121 md-sidenav {
111 122 z-index: 1;
... ... @@ -124,13 +135,15 @@ section.tb-powered-by-footer {
124 135 bottom: 5px;
125 136 z-index: 3;
126 137 pointer-events: none;
  138 +
127 139 span {
128 140 font-size: 12px;
  141 +
129 142 a {
130   - font-weight: bold;
  143 + font-weight: 700;
131 144 text-decoration: none;
132   - border: none;
133 145 pointer-events: all;
  146 + border: none;
134 147 }
135 148 }
136 149 }
... ...
... ... @@ -13,6 +13,7 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 md-select.default-state-controller {
17   - margin: 0px;
18   -}
\ No newline at end of file
  18 + margin: 0;
  19 +}
... ...
... ... @@ -13,34 +13,37 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -@import '../../../scss/constants';
  16 +@import "../../../scss/constants";
17 17
18 18 tb-states-component {
19   - min-width: 0px;
  19 + min-width: 0;
20 20 }
21 21
22 22 .entity-state-controller {
23   - .state-divider {
24   - font-size: 18px;
25   - padding-left: 15px;
26   - padding-right: 15px;
27   - overflow: hidden;
28   - text-overflow: ellipsis;
29   - white-space: nowrap;
30   - pointer-events: none;
31   - }
32   - .state-entry {
33   - font-size: 18px;
34   - overflow: hidden;
35   - text-overflow: ellipsis;
36   - white-space: nowrap;
37   - outline: none;
38   - }
39   - md-select {
40   - margin: 0px;
41   - .md-text {
42   - font-size: 18px;
43   - font-weight: bold;
44   - }
  23 + .state-divider {
  24 + padding-right: 15px;
  25 + padding-left: 15px;
  26 + overflow: hidden;
  27 + font-size: 18px;
  28 + text-overflow: ellipsis;
  29 + white-space: nowrap;
  30 + pointer-events: none;
  31 + }
  32 +
  33 + .state-entry {
  34 + overflow: hidden;
  35 + font-size: 18px;
  36 + text-overflow: ellipsis;
  37 + white-space: nowrap;
  38 + outline: none;
  39 + }
  40 +
  41 + md-select {
  42 + margin: 0;
  43 +
  44 + .md-text {
  45 + font-size: 18px;
  46 + font-weight: 700;
45 47 }
46   -}
\ No newline at end of file
  48 + }
  49 +}
... ...
... ... @@ -13,21 +13,22 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .manage-dashboard-states {
17 18 table.md-table {
18 19 tbody {
19 20 tr {
20 21 td {
21 22 &.tb-action-cell {
  23 + width: 100px;
  24 + min-width: 100px;
  25 + max-width: 100px;
22 26 overflow: hidden;
23 27 text-overflow: ellipsis;
24 28 white-space: nowrap;
25   - min-width: 100px;
26   - max-width: 100px;
27   - width: 100px;
28 29 }
29 30 }
30 31 }
31 32 }
32 33 }
33   -}
\ No newline at end of file
  34 +}
... ...
... ... @@ -13,7 +13,7 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -@import '../../../scss/constants';
  16 +@import "../../../scss/constants";
17 17
18 18 tb-aliases-entity-select {
19 19 min-width: 52px;
... ... @@ -26,18 +26,21 @@ tb-aliases-entity-select {
26 26 }
27 27
28 28 .tb-aliases-entity-select-panel {
  29 + min-width: 300px;
29 30 max-height: 150px;
  31 + overflow-x: hidden;
  32 + overflow-y: auto;
  33 + background: #fff;
  34 + border-radius: 4px;
  35 + box-shadow:
  36 + 0 7px 8px -4px rgba(0, 0, 0, .2),
  37 + 0 13px 19px 2px rgba(0, 0, 0, .14),
  38 + 0 5px 24px 4px rgba(0, 0, 0, .12);
  39 +
30 40 @media (min-height: 350px) {
31 41 max-height: 250px;
32 42 }
33   - min-width: 300px;
34   - background: white;
35   - border-radius: 4px;
36   - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
37   - 0 13px 19px 2px rgba(0, 0, 0, 0.14),
38   - 0 5px 24px 4px rgba(0, 0, 0, 0.12);
39   - overflow-x: hidden;
40   - overflow-y: auto;
  43 +
41 44 md-content {
42 45 background-color: #fff;
43 46 }
... ... @@ -46,15 +49,17 @@ tb-aliases-entity-select {
46 49 section.tb-aliases-entity-select {
47 50 min-height: 32px;
48 51 padding: 0 6px;
  52 +
49 53 @media (max-width: $layout-breakpoint-sm) {
50   - padding: 0px;
  54 + padding: 0;
51 55 }
  56 +
52 57 span {
53 58 max-width: 200px;
54   - pointer-events: all;
55   - cursor: pointer;
56 59 overflow: hidden;
57 60 text-overflow: ellipsis;
58 61 white-space: nowrap;
  62 + pointer-events: all;
  63 + cursor: pointer;
59 64 }
60 65 }
... ...
... ... @@ -13,14 +13,17 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-entity-alias-dialog {
17 18 .tb-resolve-multiple-switch {
18 19 padding-left: 10px;
  20 +
19 21 .resolve-multiple-switch {
20 22 margin: 0;
21 23 }
  24 +
22 25 .resolve-multiple-label {
23 26 margin: 5px 0;
24 27 }
25 28 }
26   -}
\ No newline at end of file
  29 +}
... ...
... ... @@ -13,35 +13,43 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-aliases-dialog {
17 18 .md-dialog-content {
18   - padding-bottom: 0px;
19   - padding-top: 0px;
  19 + padding-top: 0;
  20 + padding-bottom: 0;
20 21 }
  22 +
21 23 .tb-aliases-header {
22 24 min-height: 40px;
23 25 padding: 0 34px 0 34px;
24 26 margin: 5px;
  27 +
25 28 .tb-header-label {
26 29 font-size: 14px;
27   - color: rgba(0, 0, 0, 0.570588);
  30 + color: rgba(0, 0, 0, .570588);
28 31 }
29 32 }
  33 +
30 34 .tb-alias {
31 35 padding: 0 0 0 10px;
32 36 margin: 5px;
  37 +
33 38 md-input-container {
34   - margin: 0px;
  39 + margin: 0;
35 40 }
  41 +
36 42 .tb-resolve-multiple-switch {
37 43 padding-left: 10px;
  44 +
38 45 .resolve-multiple-switch {
39 46 margin: 0;
40 47 }
41 48 }
  49 +
42 50 .md-button {
43 51 &.md-icon-button {
44   - margin: 0px;
  52 + margin: 0;
45 53 }
46 54 }
47 55 }
... ...
... ... @@ -13,46 +13,48 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -@import '../../../scss/constants';
  16 +@import "../../../scss/constants";
17 17
18   -$md-light: rgba(255, 255, 255, 100%);
19   -$md-edit-icon-fill: #757575;
  18 +$md-light: rgba(255, 255, 255, 100%) !default;
  19 +$md-edit-icon-fill: #757575 !default;
20 20
21 21 md-toolbar.md-table-toolbar.alternate {
22 22 .md-toolbar-tools {
23   - md-icon {
24   - color: $md-light;
25   - }
  23 + md-icon {
  24 + color: $md-light;
  25 + }
26 26 }
27 27 }
28 28
29 29 .md-table {
30 30 &.tb-attribute-table {
31   - table-layout: fixed;
32   - td.md-cell {
33   - &.tb-value-cell {
34   - overflow: auto;
35   - }
  31 + table-layout: fixed;
  32 +
  33 + td.md-cell {
  34 + &.tb-value-cell {
  35 + overflow: auto;
36 36 }
  37 + }
37 38 }
  39 +
38 40 .md-cell {
39 41 ng-md-icon {
40   - fill: $md-edit-icon-fill;
41 42 float: right;
42 43 height: 16px;
  44 + fill: $md-edit-icon-fill;
43 45 }
44 46 }
45 47 }
46 48
47 49 .widgets-carousel {
48 50 position: relative;
49   - margin: 0px;
50 51 height: calc(100% - 100px);
51 52 min-height: 150px !important;
  53 + margin: 0;
52 54
53 55 tb-dashboard {
54 56 #gridster-parent {
55 57 padding: 0 7px;
56 58 }
57 59 }
58   -}
\ No newline at end of file
  60 +}
... ...
... ... @@ -13,11 +13,13 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-entity-autocomplete {
17 18 .tb-entity-item {
18 19 display: block;
19 20 height: 48px;
20 21 }
  22 +
21 23 li {
22 24 height: auto !important;
23 25 white-space: normal !important;
... ...
... ... @@ -13,20 +13,23 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-entity-filter-view {
17 18 .entity-filter-empty {
18   - color: rgba(221, 44, 0, 0.87);
19 19 font-size: 14px;
20 20 line-height: 16px;
  21 + color: rgba(221, 44, 0, .87);
21 22 }
  23 +
22 24 .entity-filter-type {
23 25 font-size: 14px;
24 26 line-height: 16px;
25   - color: rgba(0, 0, 0, 0.570588);
  27 + color: rgba(0, 0, 0, .570588);
26 28 }
  29 +
27 30 .entity-filter-value {
28 31 font-size: 14px;
29 32 line-height: 16px;
30   - color: rgba(0, 0, 0, 0.570588);
  33 + color: rgba(0, 0, 0, .570588);
31 34 }
32   -}
\ No newline at end of file
  35 +}
... ...
... ... @@ -13,10 +13,11 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -.tb-entity-filter {
17 16
  17 +.tb-entity-filter {
18 18 #relationsQueryFilter {
19 19 padding-top: 20px;
  20 +
20 21 tb-entity-select {
21 22 min-height: 92px;
22 23 }
... ... @@ -24,12 +25,13 @@
24 25
25 26 .tb-root-state-entity-switch {
26 27 padding-left: 10px;
  28 +
27 29 .root-state-entity-switch {
28 30 margin: 0;
29 31 }
  32 +
30 33 .root-state-entity-label {
31 34 margin: 5px 0;
32 35 }
33 36 }
34   -
35   -}
\ No newline at end of file
  37 +}
... ...
... ... @@ -13,7 +13,9 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -/*.tb-entity-list {
  16 +
  17 +/*
  18 +.tb-entity-list {
17 19 #entity_list_chips {
18 20 .md-chips {
19 21 padding-bottom: 1px;
... ... @@ -26,4 +28,5 @@
26 28 padding-left: 1px;
27 29 }
28 30 }
29   -}*/
\ No newline at end of file
  31 +}
  32 +*/
... ...
... ... @@ -13,6 +13,8 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -.tb-entity-select {
17 16
18   -}
\ No newline at end of file
  17 +/*
  18 +.tb-entity-select {
  19 +}
  20 +*/
... ...
... ... @@ -13,11 +13,13 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-entity-subtype-autocomplete {
17 18 .tb-entity-subtype-item {
18 19 display: block;
19 20 height: 48px;
20 21 }
  22 +
21 23 li {
22 24 height: auto !important;
23 25 white-space: normal !important;
... ...
... ... @@ -13,7 +13,9 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -/*.tb-entity-subtype-list {
  16 +
  17 +/*
  18 +.tb-entity-subtype-list {
17 19 #entity_subtype_list_chips {
18 20 .md-chips {
19 21 padding-bottom: 1px;
... ... @@ -26,4 +28,5 @@
26 28 padding-left: 1px;
27 29 }
28 30 }
29   -}*/
  31 +}
  32 +*/
... ...
... ... @@ -13,6 +13,7 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 md-select.tb-entity-subtype-select {
17 18 min-width: 200px;
18 19 }
... ...
... ... @@ -13,7 +13,9 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -/*.tb-entity-type-list {
  16 +
  17 +/*
  18 +.tb-entity-type-list {
17 19 #entity_type_list_chips {
18 20 .md-chips {
19 21 padding-bottom: 1px;
... ... @@ -26,4 +28,5 @@
26 28 padding-left: 1px;
27 29 }
28 30 }
29   -}*/
\ No newline at end of file
  31 +}
  32 +*/
... ...
... ... @@ -13,5 +13,8 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
  17 +/*
16 18 md-select.tb-entity-type-select {
17 19 }
  20 +*/
... ...
... ... @@ -13,14 +13,16 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-relation-additional-info-panel {
17   - margin-left: 15px;
18   - border: 1px solid #C0C0C0;
19 18 height: 100%;
  19 + margin-left: 15px;
  20 + border: 1px solid #c0c0c0;
  21 +
20 22 #tb-relation-additional-info {
21   - min-width: 200px;
22   - min-height: 200px;
23 23 width: 100%;
  24 + min-width: 200px;
24 25 height: 100%;
  26 + min-height: 200px;
25 27 }
26 28 }
... ...
... ... @@ -13,32 +13,37 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-relation-filters {
17 18 .header {
18   - padding-left: 5px;
19 19 padding-right: 5px;
20 20 padding-bottom: 5px;
  21 + padding-left: 5px;
  22 +
21 23 .cell {
22   - padding-left: 5px;
23 24 padding-right: 5px;
24   - color: rgba(0,0,0,.54);
  25 + padding-left: 5px;
25 26 font-size: 12px;
26 27 font-weight: 700;
  28 + color: rgba(0, 0, 0, .54);
27 29 white-space: nowrap;
28 30 }
29 31 }
  32 +
30 33 .body {
31   - padding-left: 5px;
32   - padding-right: 5px;
33 34 max-height: 300px;
34   - overflow: auto;
  35 + padding-right: 5px;
35 36 padding-bottom: 20px;
  37 + padding-left: 5px;
  38 + overflow: auto;
  39 +
36 40 .row {
37 41 padding-top: 5px;
38 42 }
  43 +
39 44 .cell {
40   - padding-left: 5px;
41 45 padding-right: 5px;
  46 + padding-left: 5px;
42 47
43 48 md-select {
44 49 margin: 0 0 24px;
... ... @@ -49,25 +54,27 @@
49 54 }
50 55
51 56 md-chips-wrap {
52   - padding: 0px;
  57 + padding: 0;
53 58 margin: 0 0 24px;
  59 +
54 60 md-autocomplete {
55 61 height: 30px;
  62 +
56 63 md-autocomplete-wrap {
57 64 height: 30px;
58 65 }
59 66 }
60 67 }
  68 +
61 69 .md-chips .md-chip-input-container input {
62   - padding: 2px 2px 2px;
63 70 height: 26px;
  71 + padding: 2px 2px 2px;
64 72 line-height: 26px;
65 73 }
66   -
67 74 }
68 75
69 76 .md-button {
70 77 margin: 0;
71 78 }
72 79 }
73   -}
\ No newline at end of file
  80 +}
... ...
... ... @@ -13,9 +13,9 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -@import '../../../scss/constants';
  16 +@import "../../../scss/constants";
17 17
18   -$md-light: rgba(255, 255, 255, 100%);
  18 +$md-light: rgba(255, 255, 255, 100%) !default;
19 19
20 20 .tb-relation-table {
21 21 md-toolbar.md-table-toolbar.alternate {
... ...
... ... @@ -13,11 +13,13 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-relation-type-autocomplete {
17 18 .tb-relation-type-item {
18 19 display: block;
19 20 height: 48px;
20 21 }
  22 +
21 23 li {
22 24 height: auto !important;
23 25 white-space: normal !important;
... ...
... ... @@ -13,24 +13,28 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 md-list.tb-event-table {
17   - padding: 0px;
  18 + padding: 0;
18 19
19   - md-list-item {
20   - padding: 0px;
21   - }
  20 + md-list-item {
  21 + padding: 0;
  22 + }
22 23
23 24 .tb-row {
24 25 height: 48px;
25   - padding: 0px;
  26 + padding: 0;
26 27 overflow: hidden;
  28 +
27 29 .tb-cell {
28 30 text-overflow: ellipsis;
  31 +
29 32 &.tb-scroll {
30   - white-space: nowrap;
31   - overflow-y: hidden;
32 33 overflow-x: auto;
  34 + overflow-y: hidden;
  35 + white-space: nowrap;
33 36 }
  37 +
34 38 &.tb-nowrap {
35 39 white-space: nowrap;
36 40 }
... ... @@ -38,7 +42,7 @@ md-list.tb-event-table {
38 42 }
39 43
40 44 .tb-row:hover {
41   - background-color: #EEEEEE;
  45 + background-color: #eee;
42 46 }
43 47
44 48 .tb-header:hover {
... ... @@ -46,44 +50,45 @@ md-list.tb-event-table {
46 50 }
47 51
48 52 .tb-header {
49   - .tb-cell {
50   - color: rgba(0,0,0,.54);
51   - font-size: 12px;
52   - font-weight: 700;
53   - background: none;
54   - white-space: nowrap;
55   - }
  53 + .tb-cell {
  54 + font-size: 12px;
  55 + font-weight: 700;
  56 + color: rgba(0, 0, 0, .54);
  57 + white-space: nowrap;
  58 + background: none;
  59 + }
56 60 }
57 61
58 62 .tb-cell {
59   - &:first-child {
60   - padding-left: 14px;
61   - }
62   - &:last-child {
63   - padding-right: 14px;
64   - }
65   - padding: 0 6px;
66   - margin: auto 0;
67   - color: rgba(0,0,0,.87);
68   - font-size: 13px;
69   - vertical-align: middle;
70   - text-align: left;
71   - overflow: hidden;
72   - .md-button {
73   - padding: 0;
74   - margin: 0;
75   - }
  63 + &:first-child {
  64 + padding-left: 14px;
  65 + }
  66 +
  67 + &:last-child {
  68 + padding-right: 14px;
  69 + }
  70 + padding: 0 6px;
  71 + margin: auto 0;
  72 + overflow: hidden;
  73 + font-size: 13px;
  74 + color: rgba(0, 0, 0, .87);
  75 + text-align: left;
  76 + vertical-align: middle;
  77 +
  78 + .md-button {
  79 + padding: 0;
  80 + margin: 0;
  81 + }
76 82 }
77 83
78 84 .tb-cell.tb-number {
79 85 text-align: right;
80 86 }
81   -
82 87 }
83 88
84 89 #tb-event-content {
85   - min-width: 400px;
86   - min-height: 50px;
87 90 width: 100%;
  91 + min-width: 400px;
88 92 height: 100%;
  93 + min-height: 50px;
89 94 }
... ...
... ... @@ -13,23 +13,26 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -@import '../../scss/constants';
  16 +@import "../../scss/constants";
17 17
18 18
19 19 .extension-table {
20   -
21 20 md-input-container .md-errors-spacer {
22 21 min-height: 0;
23 22 }
24 23
25   - /*&.tb-data-table table.md-table tbody tr td.tb-action-cell,
  24 + /*
  25 + &.tb-data-table table.md-table tbody tr td.tb-action-cell,
26 26 &.tb-data-table table.md-table.md-row-select tbody tr td.tb-action-cell {
27 27 width: 114px;
28   - }*/
  28 + }
  29 + */
  30 +
29 31 .sync-widget {
30 32 max-height: 90px;
31 33 overflow: hidden;
32 34 }
  35 +
33 36 .toolbar-widget {
34 37 min-height: 39px;
35 38 max-height: 39px;
... ... @@ -37,11 +40,13 @@
37 40 }
38 41
39 42 .extension__syncStatus--black {
40   - color: #000000!important;
  43 + color: #000 !important;
41 44 }
  45 +
42 46 .extension__syncStatus--green {
43   - color: #228634!important;
  47 + color: #228634 !important;
44 48 }
  49 +
45 50 .extension__syncStatus--red {
46   - color: #862222!important;
47   -}
\ No newline at end of file
  51 + color: #862222 !important;
  52 +}
... ...
... ... @@ -13,28 +13,34 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .extension-form {
17 18 li > .md-button {
18   - color: rgba(0, 0, 0, 0.7);
19 19 margin: 0;
  20 + color: rgba(0, 0, 0, .7);
20 21 }
  22 +
21 23 .vAccordion--default {
22   - margin-top: 0;
23 24 padding-left: 3px;
  25 + margin-top: 0;
24 26 }
  27 +
25 28 .tb-container {
26   - width:100%;
  29 + width: 100%;
27 30 }
  31 +
28 32 .dropdown-messages {
29 33 .tb-error-message {
30 34 padding: 5px 0 0 0;
31 35 }
32 36 }
  37 +
33 38 .dropdown-section {
34 39 margin-bottom: 30px;
35 40 }
  41 +
36 42 v-pane.inner-invalid > v-pane-header {
37   - border-bottom: 2px solid rgb(221,44,0);
  43 + border-bottom: 2px solid rgb(221, 44, 0);
38 44 }
39 45 }
40 46
... ... @@ -45,17 +51,19 @@
45 51 }
46 52
47 53 .tb-extension-custom-transformer-panel {
48   - margin-left: 15px;
49   - border: 1px solid #C0C0C0;
50 54 height: 100%;
  55 + margin-left: 15px;
  56 + border: 1px solid #c0c0c0;
  57 +
51 58 .tb-extension-custom-transformer {
52   - min-width: 600px;
53   - min-height: 200px;
54 59 width: 100%;
  60 + min-width: 600px;
55 61 height: 100%;
  62 + min-height: 200px;
56 63 }
  64 +
57 65 .ace_text-input {
58   - position:absolute!important
  66 + position: absolute !important;
59 67 }
60 68 }
61 69
... ... @@ -68,9 +76,9 @@
68 76 }
69 77
70 78 .tb-drop-file-input-hide {
71   - height: 200%;
72   - display: block;
73 79 position: absolute;
74 80 bottom: 0;
  81 + display: block;
75 82 width: 100%;
76   -}
\ No newline at end of file
  83 + height: 200%;
  84 +}
... ...
... ... @@ -15,8 +15,12 @@
15 15 */
16 16 @import "../../scss/constants";
17 17
18   -.md-button.tb-help-button-style, .tb-help-button-style {
  18 +/*
  19 +.md-button.tb-help-button-style,
  20 +.tb-help-button-style {
19 21 }
20 22
21   -.md-button.tb-help-button-pos, .tb-help-button-pos {
  23 +.md-button.tb-help-button-pos,
  24 +.tb-help-button-pos {
22 25 }
  26 +*/
... ...
... ... @@ -16,10 +16,11 @@
16 16 @import "../../scss/constants";
17 17
18 18 .tb-home-links {
19   - .md-headline {
20   - font-size: 20px;
21   - @media (min-width: $layout-breakpoint-xmd) {
22   - font-size: 24px;
23   - }
  19 + .md-headline {
  20 + font-size: 20px;
  21 +
  22 + @media (min-width: $layout-breakpoint-xmd) {
  23 + font-size: 24px;
24 24 }
25   -}
\ No newline at end of file
  25 + }
  26 +}
... ...
... ... @@ -13,29 +13,30 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -$previewSize: 100px;
  16 +$previewSize: 100px !default;
17 17
18 18 .tb-file-select-container {
19 19 position: relative;
20   - height: $previewSize;
21 20 width: 100%;
  21 + height: $previewSize;
22 22 }
23 23
24 24 .tb-file-preview {
25   - max-width: $previewSize;
26   - max-height: $previewSize;
27 25 width: auto;
  26 + max-width: $previewSize;
28 27 height: auto;
  28 + max-height: $previewSize;
29 29 }
30 30
31 31 .tb-file-clear-container {
32   - width: 48px;
33   - height: $previewSize;
34 32 position: relative;
35 33 float: right;
  34 + width: 48px;
  35 + height: $previewSize;
36 36 }
  37 +
37 38 .tb-file-clear-btn {
38 39 position: absolute !important;
39 40 top: 50%;
40   - transform: translate(0%,-50%) !important;
  41 + transform: translate(0%, -50%) !important;
41 42 }
... ...
... ... @@ -13,5 +13,7 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -.form { height: 400px; }
17   -.schema { height: 800px; }
\ No newline at end of file
  16 +
  17 +.form { height: 400px; }
  18 +
  19 +.schema { height: 800px; }
... ...
... ... @@ -29,23 +29,31 @@
29 29 .tb-breadcrumb {
30 30 font-size: 18px !important;
31 31 font-weight: 400 !important;
32   - h1, a, span {
  32 +
  33 + h1,
  34 + a,
  35 + span {
33 36 overflow: hidden;
34 37 text-overflow: ellipsis;
35 38 white-space: nowrap;
36 39 }
  40 +
37 41 a {
38 42 border: none;
39   - opacity: 0.75;
40   - @include transition(opacity 0.35s);
  43 + opacity: .75;
  44 +
  45 + @include transition(opacity .35s);
41 46 }
42   - a:hover, a:focus {
43   - opacity: 1;
  47 +
  48 + a:hover,
  49 + a:focus {
44 50 text-decoration: none !important;
45 51 border: none;
  52 + opacity: 1;
46 53 }
  54 +
47 55 .divider {
48   - padding: 0px 30px;
  56 + padding: 0 30px;
49 57 }
50 58 }
51 59
... ... @@ -54,21 +62,22 @@ md-sidenav.tb-site-sidenav {
54 62 }
55 63
56 64 md-icon.tb-logo-title {
57   - height: 36px;
58 65 width: 200px;
  66 + height: 36px;
59 67 }
60 68
61 69 .tb-nav-header {
62   - flex-shrink: 0;
63 70 z-index: 2;
  71 + flex-shrink: 0;
64 72 white-space: nowrap;
65 73 }
66 74
67 75 .tb-nav-header-toolbar {
68   - border-bottom: 1px solid rgba(0, 0, 0, 0.12);
69   - flex-shrink: 0;
70 76 z-index: 2;
  77 + flex-shrink: 0;
71 78 white-space: nowrap;
  79 + border-bottom: 1px solid rgba(0, 0, 0, .12);
  80 +
72 81 .md-toolbar-tools {
73 82 flex-basis: auto;
74 83 }
... ...
... ... @@ -13,28 +13,32 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 div.tb-user-info {
17 18 line-height: 1.5;
  19 +
18 20 span {
19   - text-transform: none;
20 21 text-align: left;
  22 + text-transform: none;
21 23 }
  24 +
22 25 span.tb-user-display-name {
23   - font-size: 0.800rem;
  26 + font-size: .8rem;
24 27 font-weight: 300;
25   - letter-spacing: 0.008em;
  28 + letter-spacing: .008em;
26 29 }
  30 +
27 31 span.tb-user-authority {
28   - font-size: 0.800rem;
  32 + font-size: .8rem;
29 33 font-weight: 300;
30   - letter-spacing: 0.005em;
31   - opacity: 0.8;
  34 + letter-spacing: .005em;
  35 + opacity: .8;
32 36 }
33 37 }
34 38
35 39 md-icon.tb-mini-avatar {
  40 + width: 36px;
  41 + height: 36px;
36 42 margin: auto 8px;
37 43 font-size: 36px;
38   - height: 36px;
39   - width: 36px;
40 44 }
... ...
... ... @@ -13,18 +13,21 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -@import '../../scss/constants';
  16 +@import "../../scss/constants";
17 17
18 18 md-card.tb-login-card {
19 19 width: 330px !important;
  20 +
20 21 @media (min-width: $layout-breakpoint-sm) {
21 22 width: 450px !important;
22 23 }
  24 +
23 25 md-card-title {
24 26 img.tb-login-logo {
25 27 height: 50px;
26 28 }
27 29 }
  30 +
28 31 md-card-content {
29 32 margin-top: -50px;
30 33 }
... ...
... ... @@ -17,12 +17,14 @@
17 17 .tb-link-label-autocomplete {
18 18 .tb-not-found {
19 19 display: block;
20   - line-height: 1.5;
21 20 height: 48px;
  21 + line-height: 1.5;
  22 +
22 23 .tb-no-entries {
23 24 line-height: 48px;
24 25 }
25 26 }
  27 +
26 28 li {
27 29 height: auto !important;
28 30 white-space: normal !important;
... ...
... ... @@ -13,11 +13,13 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-message-type-autocomplete {
17 18 .tb-message-type-item {
18 19 display: block;
19 20 height: 48px;
20 21 }
  22 +
21 23 li {
22 24 height: auto !important;
23 25 white-space: normal !important;
... ...
... ... @@ -18,88 +18,106 @@
18 18 .tb-fullscreen-button-style {
19 19 z-index: 1;
20 20 }
  21 +
21 22 section.tb-header-buttons.tb-library-open {
22   - pointer-events: none;
23 23 position: absolute;
24   - left: 0px;
25   - top: 0px;
  24 + top: 0;
  25 + left: 0;
26 26 z-index: 1;
  27 + pointer-events: none;
  28 +
27 29 .md-button.tb-btn-open-library {
28   - left: 0px;
29   - top: 0px;
30   - line-height: 36px;
  30 + top: 0;
  31 + left: 0;
31 32 width: 36px;
32 33 height: 36px;
33 34 margin: 4px 0 0 4px;
34   - opacity: 0.5;
  35 + line-height: 36px;
  36 + opacity: .5;
35 37 }
36 38 }
  39 +
37 40 .tb-rulechain-library {
  41 + z-index: 1;
38 42 width: 250px;
39 43 min-width: 250px;
40   - z-index: 1;
  44 +
41 45 md-toolbar {
42   - min-height: 48px;
43 46 height: 48px;
44   - .md-toolbar-tools>.md-button:last-child {
45   - margin-right: 0px;
  47 + min-height: 48px;
  48 +
  49 + .md-toolbar-tools > .md-button:last-child {
  50 + margin-right: 0;
46 51 }
  52 +
47 53 .md-toolbar-tools {
48   - font-size: 14px;
49   - padding: 0px 6px;
50 54 height: 48px;
  55 + padding: 0 6px;
  56 + font-size: 14px;
  57 +
51 58 .md-button.md-icon-button {
52   - margin: 0px;
  59 + margin: 0;
  60 +
53 61 &.tb-small {
  62 + width: 32px;
54 63 height: 32px;
55 64 min-height: 32px;
56   - line-height: 20px;
57 65 padding: 6px;
58   - width: 32px;
  66 + line-height: 20px;
  67 +
59 68 md-icon {
60   - line-height: 20px;
61   - font-size: 20px;
62   - height: 20px;
63 69 width: 20px;
64   - min-height: 20px;
65 70 min-width: 20px;
  71 + height: 20px;
  72 + min-height: 20px;
  73 + font-size: 20px;
  74 + line-height: 20px;
66 75 }
67 76 }
68 77 }
69 78 }
70 79 }
  80 +
71 81 .tb-rulechain-library-panel-group {
72   - overflow-y: auto;
73 82 overflow-x: hidden;
  83 + overflow-y: auto;
  84 +
74 85 .tb-panel-title {
  86 + min-width: 150px;
75 87 -webkit-user-select: none;
76 88 -moz-user-select: none;
77 89 -ms-user-select: none;
78 90 user-select: none;
79   - min-width: 150px;
80 91 }
  92 +
81 93 .fc-canvas {
82 94 background: #f9f9f9;
83 95 }
  96 +
84 97 md-icon.md-expansion-panel-icon {
85   - margin-right: 0px;
  98 + margin-right: 0;
86 99 }
87   - md-expansion-panel-collapsed, .md-expansion-panel-header-container {
  100 +
  101 + md-expansion-panel-collapsed,
  102 + .md-expansion-panel-header-container {
  103 + position: static;
88 104 background: #e6e6e6;
89 105 border-color: #909090;
90   - position: static;
91 106 }
  107 +
92 108 md-expansion-panel {
93 109 &.md-open {
94 110 margin-top: 0;
95 111 margin-bottom: 0;
96 112 }
97 113 }
  114 +
98 115 md-expansion-panel-content {
99   - padding: 0px;
  116 + padding: 0;
100 117 }
101 118 }
102 119 }
  120 +
103 121 .tb-rulechain-graph {
104 122 z-index: 0;
105 123 overflow: auto;
... ... @@ -107,29 +125,35 @@
107 125 }
108 126
109 127 #tb-rule-chain-context-menu {
110   - padding-top: 0px;
111   - border-radius: 8px;
112 128 max-height: 404px;
  129 + padding-top: 0;
  130 + border-radius: 8px;
  131 +
113 132 .tb-context-menu-header {
114   - padding: 8px 5px 5px;
115   - font-size: 14px;
116 133 display: flex;
117 134 flex-direction: row;
118 135 height: 36px;
119 136 min-height: 36px;
  137 + padding: 8px 5px 5px;
  138 + font-size: 14px;
  139 +
120 140 &.tb-rulechain {
121 141 background-color: #aac7e4;
122 142 }
  143 +
123 144 &.tb-link {
124 145 background-color: #aac7e4;
125 146 }
  147 +
126 148 md-icon {
127   - padding-left: 2px;
128 149 padding-right: 10px;
  150 + padding-left: 2px;
129 151 }
  152 +
130 153 .tb-context-menu-title {
131 154 font-weight: 500;
132 155 }
  156 +
133 157 .tb-context-menu-subtitle {
134 158 font-size: 12px;
135 159 }
... ... @@ -139,37 +163,45 @@
139 163 .fc-canvas {
140 164 min-width: 100%;
141 165 min-height: 100%;
142   - outline: none;
143   - -webkit-touch-callout: none;
144 166 -webkit-user-select: none;
145 167 -khtml-user-select: none;
146 168 -moz-user-select: none;
147 169 -ms-user-select: none;
148 170 user-select: none;
  171 + outline: none;
  172 + -webkit-touch-callout: none;
  173 +
149 174 svg {
150 175 display: block;
151 176 }
152 177 }
153 178
154   -.tb-rule-node, #tb-rule-chain-context-menu .tb-context-menu-header {
  179 +.tb-rule-node,
  180 +#tb-rule-chain-context-menu .tb-context-menu-header {
155 181 &.tb-filter-type {
156 182 background-color: #f1e861;
157 183 }
  184 +
158 185 &.tb-enrichment-type {
159 186 background-color: #cdf14e;
160 187 }
  188 +
161 189 &.tb-transformation-type {
162 190 background-color: #79cef1;
163 191 }
  192 +
164 193 &.tb-action-type {
165 194 background-color: #f1928f;
166 195 }
  196 +
167 197 &.tb-external-type {
168 198 background-color: #fbc766;
169 199 }
  200 +
170 201 &.tb-rule-chain-type {
171 202 background-color: #d6c4f1;
172 203 }
  204 +
173 205 &.tb-unknown-type {
174 206 background-color: #f16c29;
175 207 }
... ... @@ -180,102 +212,112 @@
180 212 flex-direction: row;
181 213 min-width: 150px;
182 214 max-width: 150px;
  215 + height: 32px;
183 216 min-height: 32px;
184 217 max-height: 32px;
185   - height: 32px;
186 218 padding: 5px 10px;
187   - border-radius: 5px;
188   - background-color: #F15B26;
189   - pointer-events: none;
190   - color: #333;
191   - border: solid 1px #777;
192 219 font-size: 12px;
193 220 line-height: 16px;
  221 + color: #333;
  222 + pointer-events: none;
  223 + background-color: #f15b26;
  224 + border: solid 1px #777;
  225 + border-radius: 5px;
  226 +
194 227 &.tb-rule-node-highlighted:not(.tb-rule-node-invalid) {
195 228 box-shadow: 0 0 10px 6px #51cbee;
  229 +
196 230 .tb-node-title {
  231 + font-weight: 700;
197 232 text-decoration: underline;
198   - font-weight: bold;
199 233 }
200 234 }
  235 +
201 236 &.tb-rule-node-invalid {
202 237 box-shadow: 0 0 10px 6px #ff5c50;
203 238 }
  239 +
204 240 &.tb-input-type {
205   - background-color: #a3eaa9;
206 241 user-select: none;
  242 + background-color: #a3eaa9;
207 243 }
208 244
209 245 md-icon {
210   - font-size: 20px;
211 246 width: 20px;
  247 + min-width: 20px;
212 248 height: 20px;
213 249 min-height: 20px;
214   - min-width: 20px;
215 250 padding-right: 4px;
  251 + font-size: 20px;
216 252 }
217   - .tb-node-type {
218 253
219   - }
220 254 .tb-node-title {
221 255 font-weight: 500;
222 256 }
223   - .tb-node-type, .tb-node-title {
  257 +
  258 + .tb-node-type,
  259 + .tb-node-title {
224 260 overflow: hidden;
225   - white-space: nowrap;
226 261 text-overflow: ellipsis;
  262 + white-space: nowrap;
227 263 }
228 264 }
229 265
230 266 .fc-node {
231 267 z-index: 1;
232   - outline: none;
233 268 border-radius: 8px;
  269 + outline: none;
  270 +
234 271 &.fc-dragging {
235 272 z-index: 10;
236 273 }
  274 +
237 275 p {
238 276 padding: 0 15px;
239 277 text-align: center;
240 278 }
  279 +
241 280 .fc-node-overlay {
242 281 position: absolute;
243   - pointer-events: none;
244   - left: 0;
245 282 top: 0;
246 283 right: 0;
247 284 bottom: 0;
  285 + left: 0;
  286 + pointer-events: none;
248 287 background-color: #000;
249   - opacity: 0;
250 288 border-radius: 5px;
  289 + opacity: 0;
251 290 }
  291 +
252 292 &.fc-hover {
253 293 .fc-node-overlay {
254   - opacity: 0.25;
  294 + opacity: .25;
255 295 }
256 296 }
  297 +
257 298 &.fc-selected {
258 299 .fc-node-overlay {
259   - opacity: 0.25;
  300 + opacity: .25;
260 301 }
261   - }
262   - &.fc-selected {
  302 +
263 303 &:not(.fc-edit) {
264   - border: solid 3px red;
265 304 margin: -3px;
  305 + border: solid 3px #f00;
266 306 }
267 307 }
268 308 }
269 309
270   -.fc-leftConnectors, .fc-rightConnectors {
  310 +.fc-leftConnectors,
  311 +.fc-rightConnectors {
271 312 position: absolute;
272 313 top: 0;
273   - height: 100%;
  314 +
  315 + z-index: 0;
274 316
275 317 display: flex;
276 318 flex-direction: column;
  319 + height: 100%;
277 320
278   - z-index: 0;
279 321 .fc-magnet {
280 322 align-items: center;
281 323 }
... ... @@ -292,18 +334,18 @@
292 334 .fc-magnet {
293 335 display: flex;
294 336 flex-grow: 1;
295   - height: 60px;
296 337 justify-content: center;
  338 + height: 60px;
297 339 }
298 340
299 341 .fc-connector {
300 342 width: 14px;
301 343 height: 14px;
302   - border: 1px solid #333;
303 344 margin: 10px;
304   - border-radius: 5px;
305   - background-color: #ccc;
306 345 pointer-events: all;
  346 + background-color: #ccc;
  347 + border: 1px solid #333;
  348 + border-radius: 5px;
307 349 }
308 350
309 351 .fc-connector.fc-hover {
... ... @@ -312,45 +354,49 @@
312 354
313 355 .fc-arrow-marker {
314 356 polygon {
315   - stroke: gray;
316   - fill: gray;
  357 + fill: #808080;
  358 + stroke: #808080;
317 359 }
318 360 }
319 361
320 362 .fc-arrow-marker-selected {
321 363 polygon {
322   - stroke: red;
323   - fill: red;
  364 + fill: #f00;
  365 + stroke: #f00;
324 366 }
325 367 }
326 368
327 369 .fc-edge {
328 370 outline: none;
329   - stroke: gray;
330   - stroke-width: 4;
331   - fill: transparent;
332 371 transition: stroke-width .2s;
  372 + fill: transparent;
  373 + stroke: #808080;
  374 + stroke-width: 4;
  375 +
333 376 &.fc-selected {
334   - stroke: red;
335   - stroke-width: 4;
336 377 fill: transparent;
  378 + stroke: #f00;
  379 + stroke-width: 4;
337 380 }
  381 +
338 382 &.fc-active {
339 383 animation: dash 3s linear infinite;
340 384 stroke-dasharray: 20;
341 385 }
  386 +
342 387 &.fc-hover {
343   - stroke: gray;
344   - stroke-width: 6;
345 388 fill: transparent;
  389 + stroke: #808080;
  390 + stroke-width: 6;
346 391 }
  392 +
347 393 &.fc-dragging {
348 394 pointer-events: none;
349 395 }
350 396 }
351 397
352 398 .edge-endpoint {
353   - fill: gray;
  399 + fill: #808080;
354 400 }
355 401
356 402 .fc-nodedelete {
... ... @@ -364,22 +410,23 @@
364 410 }
365 411
366 412 .fc-edit {
367   - .fc-nodedelete, .fc-nodeedit {
368   - outline: none;
369   - display: block;
  413 + .fc-nodedelete,
  414 + .fc-nodeedit {
370 415 position: absolute;
371   - border: solid 2px white;
372   - border-radius: 50%;
373   - font-weight: 600;
374   - line-height: 20px;
  416 + display: block;
  417 + width: 22px;
375 418 height: 20px;
376 419 padding-top: 2px;
377   - width: 22px;
378   - background: #f83e05;
  420 + font-weight: 600;
  421 + line-height: 20px;
379 422 color: #fff;
380 423 text-align: center;
381 424 vertical-align: bottom;
382 425 cursor: pointer;
  426 + background: #f83e05;
  427 + border: solid 2px #fff;
  428 + border-radius: 50%;
  429 + outline: none;
383 430 }
384 431
385 432 .fc-nodeedit {
... ... @@ -391,7 +438,6 @@
391 438 top: -24px;
392 439 right: -13px;
393 440 }
394   -
395 441 }
396 442
397 443 .fc-noselect {
... ... @@ -407,31 +453,37 @@
407 453 .fc-edge-label {
408 454 position: absolute;
409 455 transition: transform .2s;
410   -// opacity: 0.8;
  456 + // opacity: 0.8;
  457 +
411 458 &.ng-leave {
412 459 transition: 0s none;
413 460 }
  461 +
414 462 &.fc-hover {
415 463 transform: scale(1.25);
416 464 }
  465 +
417 466 &.fc-selected {
418 467 .fc-edge-label-text {
419 468 span {
420   - border: solid red;
421   - color: #fff;
422 469 font-weight: 600;
423   - background-color: red;
  470 + color: #fff;
  471 + background-color: #f00;
  472 + border: solid #f00;
424 473 }
425 474 }
426 475 }
  476 +
427 477 .fc-nodeedit {
428 478 top: -30px;
429 479 right: 14px;
430 480 }
  481 +
431 482 .fc-nodedelete {
432 483 top: -30px;
433 484 right: -13px;
434 485 }
  486 +
435 487 &:focus {
436 488 outline: 0;
437 489 }
... ... @@ -439,27 +491,28 @@
439 491
440 492 .fc-edge-label-text {
441 493 position: absolute;
442   - -webkit-transform: translate(-50%, -50%);
443   - transform: translate(-50%, -50%);
444   - white-space: nowrap;
445   - text-align: center;
446 494 font-size: 14px;
447 495 font-weight: 600;
  496 + text-align: center;
  497 + white-space: nowrap;
  498 + -webkit-transform: translate(-50%, -50%);
  499 + transform: translate(-50%, -50%);
  500 +
448 501 span {
  502 + padding: 3px 5px;
  503 + color: #003a79;
449 504 cursor: default;
  505 + background-color: #fff;
450 506 border: solid 2px #003a79;
451 507 border-radius: 10px;
452   - color: #003a79;
453   - background-color: #fff;
454   - padding: 3px 5px;
455 508 }
456 509 }
457 510
458 511 .fc-select-rectangle {
459   - border: 2px dashed #5262ff;
460 512 position: absolute;
461   - background: rgba(20,125,255,0.1);
462 513 z-index: 2;
  514 + background: rgba(20, 125, 255, .1);
  515 + border: 2px dashed #5262ff;
463 516 }
464 517
465 518 @keyframes dash {
... ... @@ -468,13 +521,15 @@
468 521 }
469 522 }
470 523
471   -.tb-rule-node-tooltip, .tb-rule-node-help {
  524 +.tb-rule-node-tooltip,
  525 +.tb-rule-node-help {
472 526 color: #333;
473 527 }
474 528
475 529 .tb-rule-node-tooltip {
476   - font-size: 14px;
477 530 max-width: 300px;
  531 + font-size: 14px;
  532 +
478 533 &.tb-lib-tooltip {
479 534 width: 300px;
480 535 }
... ... @@ -489,28 +544,33 @@
489 544 color: #ea0d0d;
490 545 }
491 546
492   -.tb-rule-node-tooltip, .tb-rule-node-error-tooltip, .tb-rule-node-help {
  547 +.tb-rule-node-tooltip,
  548 +.tb-rule-node-error-tooltip,
  549 +.tb-rule-node-help {
493 550 #tb-node-content {
494 551 .tb-node-title {
495 552 font-weight: 600;
496 553 }
  554 +
497 555 .tb-node-description {
498 556 font-style: italic;
499 557 color: #555;
500 558 }
  559 +
501 560 .tb-node-details {
502 561 padding-top: 10px;
503 562 padding-bottom: 10px;
504 563 }
  564 +
505 565 code {
506   - padding: 0px 3px 2px 3px;
  566 + padding: 0 3px 2px 3px;
507 567 margin: 1px;
508   - color: #AD1625;
  568 + font-size: 12px;
  569 + color: #ad1625;
509 570 white-space: nowrap;
510 571 background-color: #f7f7f9;
511 572 border: 1px solid #e1e1e8;
512 573 border-radius: 2px;
513   - font-size: 12px;
514 574 }
515 575 }
516   -}
\ No newline at end of file
  576 +}
... ...
... ... @@ -16,13 +16,13 @@
16 16
17 17 .tb-rulenode {
18 18 tb-json-object-edit.tb-rule-node-configuration-json {
19   - height: 300px;
20 19 display: block;
  20 + height: 300px;
21 21 }
22 22 }
23 23
24 24 .tb-rulenode-directive-error {
25   - color: rgb(221,44,0);
26 25 font-size: 13px;
27 26 font-weight: 400;
28   -}
\ No newline at end of file
  27 + color: rgb(221, 44, 0);
  28 +}
... ...
... ... @@ -13,24 +13,25 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -@import '../../../scss/constants';
  16 +@import "../../../scss/constants";
  17 +
17 18 @import "~compass-sass-mixins/lib/compass";
18 19
19 20 md-dialog.tb-node-script-test-dialog {
20 21 &.md-dialog-fullscreen {
21   - min-height: 100%;
  22 + width: 100%;
22 23 min-width: 100%;
23   - max-height: 100%;
24 24 max-width: 100%;
25   - width: 100%;
26 25 height: 100%;
  26 + min-height: 100%;
  27 + max-height: 100%;
27 28 border-radius: 0;
28 29 }
29 30
30 31 .tb-split {
31 32 @include box-sizing(border-box);
32   - overflow-y: auto;
33 33 overflow-x: hidden;
  34 + overflow-y: auto;
34 35 }
35 36
36 37 .ace_editor {
... ... @@ -38,13 +39,13 @@ md-dialog.tb-node-script-test-dialog {
38 39 }
39 40
40 41 .tb-content {
41   - border: 1px solid #C0C0C0;
42 42 padding-top: 5px;
43 43 padding-left: 5px;
  44 + border: 1px solid #c0c0c0;
44 45 }
45 46
46 47 .gutter {
47   - background-color: #eeeeee;
  48 + background-color: #eee;
48 49
49 50 background-repeat: no-repeat;
50 51 background-position: 50%;
... ... @@ -52,21 +53,23 @@ md-dialog.tb-node-script-test-dialog {
52 53
53 54 .gutter.gutter-horizontal {
54 55 cursor: col-resize;
55   - background-image: url('../../../../node_modules/split.js/grips/vertical.png');
  56 + background-image: url("../../../../node_modules/split.js/grips/vertical.png");
56 57 }
57 58
58 59 .gutter.gutter-vertical {
59 60 cursor: row-resize;
60   - background-image: url('../../../../node_modules/split.js/grips/horizontal.png');
  61 + background-image: url("../../../../node_modules/split.js/grips/horizontal.png");
61 62 }
62 63
63   - .tb-split.tb-split-horizontal, .gutter.gutter-horizontal {
64   - height: 100%;
  64 + .tb-split.tb-split-horizontal,
  65 + .gutter.gutter-horizontal {
65 66 float: left;
  67 + height: 100%;
66 68 }
67 69
68 70 .tb-split.tb-split-vertical {
69 71 display: flex;
  72 +
70 73 .tb-split.tb-content {
71 74 height: 100%;
72 75 }
... ... @@ -74,42 +77,44 @@ md-dialog.tb-node-script-test-dialog {
74 77
75 78 div.tb-editor-area-title-panel {
76 79 position: absolute;
77   - font-size: 0.800rem;
78   - font-weight: 500;
79 80 top: 13px;
80 81 right: 40px;
81 82 z-index: 5;
  83 + font-size: .8rem;
  84 + font-weight: 500;
  85 +
82 86 &.tb-js-function {
83 87 right: 80px;
84 88 }
  89 +
85 90 label {
86   - color: #00acc1;
87   - background: rgba(220, 220, 220, 0.35);
88   - border-radius: 5px;
89 91 padding: 4px;
  92 + color: #00acc1;
90 93 text-transform: uppercase;
  94 + background: rgba(220, 220, 220, .35);
  95 + border-radius: 5px;
91 96 }
  97 +
92 98 .md-button {
93   - color: #7B7B7B;
94 99 min-width: 32px;
95 100 min-height: 15px;
96   - line-height: 15px;
97   - font-size: 0.800rem;
98   - margin: 0;
99 101 padding: 4px;
100   - background: rgba(220, 220, 220, 0.35);
  102 + margin: 0;
  103 + font-size: .8rem;
  104 + line-height: 15px;
  105 + color: #7b7b7b;
  106 + background: rgba(220, 220, 220, .35);
101 107 }
102 108 }
103 109
104 110 .tb-resize-container {
105   - overflow-y: auto;
106   - height: 100%;
107   - width: 100%;
108 111 position: relative;
  112 + width: 100%;
  113 + height: 100%;
  114 + overflow-y: auto;
109 115
110 116 .ace_editor {
111 117 height: 100%;
112 118 }
113 119 }
114   -
115 120 }
... ...
... ... @@ -13,20 +13,21 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 md-toast.tb-info-toast .md-toast-content {
17   - font-size: 18px;
18   - padding: 18px;
19 18 height: 100%;
  19 + padding: 18px;
  20 + font-size: 18px;
20 21 }
21 22
22 23 md-toast.tb-success-toast .md-toast-content {
23   - font-size: 18px !important;
24   - background-color: green;
25 24 height: 100%;
  25 + font-size: 18px !important;
  26 + background-color: #008000;
26 27 }
27 28
28 29 md-toast.tb-error-toast .md-toast-content {
29   - font-size: 18px !important;
30   - background-color: maroon;
31 30 height: 100%;
  31 + font-size: 18px !important;
  32 + background-color: #800000;
32 33 }
... ...
... ... @@ -13,18 +13,20 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -@import '../../scss/constants';
  16 +@import "../../scss/constants";
17 17
18 18 .tb-default-dashboard {
19 19 .tb-default-dashboard-label {
20 20 padding-bottom: 8px;
21 21 }
  22 +
22 23 tb-dashboard-autocomplete {
23 24 @media (min-width: $layout-breakpoint-sm) {
24 25 padding-right: 12px;
25 26 }
  27 +
26 28 @media (max-width: $layout-breakpoint-sm) {
27 29 padding-bottom: 12px;
28 30 }
29 31 }
30   -}
\ No newline at end of file
  32 +}
... ...
... ... @@ -13,11 +13,13 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-has-timewindow {
17 18 .tb-alarms-table {
18 19 md-toolbar {
19 20 min-height: 60px;
20 21 max-height: 60px;
  22 +
21 23 &.md-table-toolbar {
22 24 .md-toolbar-tools {
23 25 max-height: 60px;
... ... @@ -28,10 +30,10 @@
28 30 }
29 31
30 32 .tb-alarms-table {
31   -
32 33 md-toolbar {
33 34 min-height: 39px;
34 35 max-height: 39px;
  36 +
35 37 &.md-table-toolbar {
36 38 .md-toolbar-tools {
37 39 max-height: 39px;
... ... @@ -40,14 +42,15 @@
40 42 }
41 43
42 44 &.tb-data-table {
43   - table.md-table, table.md-table.md-row-select {
  45 + table.md-table,
  46 + table.md-table.md-row-select {
44 47 tbody {
45 48 tr {
46 49 td {
47 50 &.tb-action-cell {
  51 + width: 36px;
48 52 min-width: 36px;
49 53 max-width: 36px;
50   - width: 36px;
51 54 }
52 55 }
53 56 }
... ...
... ... @@ -13,11 +13,13 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 .tb-has-timewindow {
17 18 .tb-entities-table {
18 19 md-toolbar {
19 20 min-height: 60px;
20 21 max-height: 60px;
  22 +
21 23 &.md-table-toolbar {
22 24 .md-toolbar-tools {
23 25 max-height: 60px;
... ... @@ -28,10 +30,10 @@
28 30 }
29 31
30 32 .tb-entities-table {
31   -
32 33 md-toolbar {
33 34 min-height: 39px;
34 35 max-height: 39px;
  36 +
35 37 &.md-table-toolbar {
36 38 .md-toolbar-tools {
37 39 max-height: 39px;
... ... @@ -40,14 +42,15 @@
40 42 }
41 43
42 44 &.tb-data-table {
43   - table.md-table, table.md-table.md-row-select {
  45 + table.md-table,
  46 + table.md-table.md-row-select {
44 47 tbody {
45 48 tr {
46 49 td {
47 50 &.tb-action-cell {
  51 + width: 36px;
48 52 min-width: 36px;
49 53 max-width: 36px;
50   - width: 36px;
51 54 }
52 55 }
53 56 }
... ...
... ... @@ -13,16 +13,19 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
  16 +
16 17 tb-extension-table {
17 18 md-content {
18 19 background-color: #fff;
19 20 }
20 21 }
  22 +
21 23 md-tabs.hide-tabs-menu {
22 24 md-tabs-wrapper {
23 25 display: none;
24 26 }
  27 +
25 28 md-tabs-content-wrapper {
26 29 top: 0 !important;
27 30 }
28   -}
\ No newline at end of file
  31 +}
... ...
... ... @@ -13,141 +13,156 @@
13 13 * See the License for the specific language governing permissions and
14 14 * limitations under the License.
15 15 */
16   -$knob-img: url('./svg/knob.svg');
  16 +$knob-img: url("./svg/knob.svg") !default;
17 17
18   -$bars-margin-pct: percentage(0.033);
19   -$background-margin-pct: percentage(0.05);
20   -$value-container-margin-pct: percentage(0.35);
21   -$error-height: percentage(0.05);
22   -$title-height: percentage(0.066);
23   -$title-container-margin-pct: percentage(0.2);
24   -$title-container-margin-bottom-pct: percentage(0.05);
25   -$minmax-height: percentage(0.04);
26   -$minmax-container-margin-pct: percentage(0.18);
27   -$minmax-container-margin-bottom-pct: percentage(0.12);
  18 +$bars-margin-pct: percentage(.033) !default;
  19 +$background-margin-pct: percentage(.05) !default;
  20 +$value-container-margin-pct: percentage(.35) !default;
  21 +$error-height: percentage(.05) !default;
  22 +$title-height: percentage(.066) !default;
  23 +$title-container-margin-pct: percentage(.2) !default;
  24 +$title-container-margin-bottom-pct: percentage(.05) !default;
  25 +$minmax-height: percentage(.04) !default;
  26 +$minmax-container-margin-pct: percentage(.18) !default;
  27 +$minmax-container-margin-bottom-pct: percentage(.12) !default;
28 28
29   -$background-color: #e6e7e8;
  29 +$background-color: #e6e7e8 !default;
30 30
31 31 .tb-knob {
32   - width:100%;
33   - height:100%;
  32 + width: 100%;
  33 + height: 100%;
34 34 background: $background-color;
35 35
36 36 .knob {
37 37 position: relative;
  38 +
38 39 &[draggable] {
39 40 -moz-user-select: none;
40 41 -webkit-user-select: none;
41 42 user-select: none;
42 43 }
  44 +
43 45 #canvasBar {
44   - position:absolute;
45   - top:0;
46   - left:0;
47   - bottom: 0;
  46 + position: absolute;
  47 + top: 0;
48 48 right: 0;
  49 + bottom: 0;
  50 + left: 0;
49 51 z-index: 2;
50 52 }
  53 +
51 54 .canvas-background {
52   - position:absolute;
  55 + position: absolute;
53 56 top: $background-margin-pct;
54   - left: $background-margin-pct;
55   - bottom: $background-margin-pct;
56 57 right: $background-margin-pct;
57   - border-radius: 50%;
  58 + bottom: $background-margin-pct;
  59 + left: $background-margin-pct;
  60 + z-index: 2;
58 61 background: #3f4346;
59   - z-index:2;
  62 + border-radius: 50%;
60 63 }
  64 +
61 65 .value-container {
62   - position:absolute;
  66 + position: absolute;
63 67 top: $value-container-margin-pct;
64   - left: $value-container-margin-pct;
65   - bottom: $value-container-margin-pct;
66 68 right: $value-container-margin-pct;
67   - z-index:4;
  69 + bottom: $value-container-margin-pct;
  70 + left: $value-container-margin-pct;
  71 + z-index: 4;
  72 +
68 73 .knob-value {
69   - color: #fff;
70 74 font-weight: 500;
  75 + color: #fff;
71 76 white-space: nowrap;
72 77 }
73 78 }
  79 +
74 80 .error-container {
75   - position:absolute;
  81 + position: absolute;
76 82 top: 1%;
77   - left: 0;
78 83 right: 0;
79   - z-index:4;
  84 + left: 0;
  85 + z-index: 4;
80 86 height: $error-height;
  87 +
81 88 .knob-error {
82 89 color: #ff3315;
83 90 white-space: nowrap;
84 91 }
85 92 }
  93 +
86 94 .title-container {
87   - position:absolute;
88   - left: $title-container-margin-pct;
89   - bottom: $title-container-margin-bottom-pct;
  95 + position: absolute;
90 96 right: $title-container-margin-pct;
91   - z-index:4;
  97 + bottom: $title-container-margin-bottom-pct;
  98 + left: $title-container-margin-pct;
  99 + z-index: 4;
92 100 height: $title-height;
  101 +
93 102 .knob-title {
94   - color: #757575;
95 103 font-weight: 500;
  104 + color: #757575;
96 105 white-space: nowrap;
97 106 }
98 107 }
  108 +
99 109 .minmax-container {
100   - position:absolute;
101   - left: $minmax-container-margin-pct;
102   - bottom: $minmax-container-margin-bottom-pct;
  110 + position: absolute;
103 111 right: $minmax-container-margin-pct;
104   - z-index:4;
  112 + bottom: $minmax-container-margin-bottom-pct;
  113 + left: $minmax-container-margin-pct;
  114 + z-index: 4;
105 115 height: $minmax-height;
  116 +
106 117 .minmax-label {
107   - color: #757575;
108 118 font-weight: 500;
  119 + color: #757575;
109 120 white-space: nowrap;
110 121 }
111 122 }
  123 +
112 124 .top-pointer-container {
113   - position:absolute;
  125 + position: absolute;
114 126 top: $bars-margin-pct;
115   - left: $bars-margin-pct;
116   - bottom: $bars-margin-pct;
117 127 right: $bars-margin-pct;
118   - z-index:3;
119   - cursor:pointer !important;
  128 + bottom: $bars-margin-pct;
  129 + left: $bars-margin-pct;
  130 + z-index: 3;
  131 + cursor: pointer !important;
  132 +
120 133 .top-pointer {
121   - content:'';
122   - width:5%;
123   - height:5%;
124   - background-color:#b5b5b5;
125   - position:absolute;
126   - top:50%;
127   - left:22%;
128   - margin-top:-2.5%;
  134 + position: absolute;
  135 + top: 50%;
  136 + left: 22%;
  137 + width: 5%;
  138 + height: 5%;
  139 + margin-top: -2.5%;
  140 + cursor: pointer !important;
  141 + content: "";
  142 + background-color: #b5b5b5;
129 143 border-radius: 50%;
130   - cursor:pointer !important;
131 144 box-shadow: 1px 0 2px #040404;
132 145 }
133 146 }
  147 +
134 148 .top{
135   - position:absolute;
  149 + position: absolute;
136 150 top: $bars-margin-pct;
137   - left: $bars-margin-pct;
138   - bottom: $bars-margin-pct;
139 151 right: $bars-margin-pct;
140   - background:$knob-img no-repeat;
  152 + bottom: $bars-margin-pct;
  153 + left: $bars-margin-pct;
  154 + z-index: 2;
  155 + cursor: pointer !important;
  156 + background: $knob-img no-repeat;
141 157 background-size: contain;
142   - z-index:2;
143   - cursor:pointer !important;
144 158 }
  159 +
145 160 #text-measure {
146 161 position: absolute;
147   - visibility: hidden;
148   - height: auto;
149 162 width: auto;
  163 + height: auto;
150 164 white-space: nowrap;
  165 + visibility: hidden;
151 166 }
152 167 }
153 168 }
... ...