Showing
95 changed files
with
1968 additions
and
1177 deletions
ui/.stylelintrc
0 → 100644
| 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,14 +13,16 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-alarm-details-panel { | 17 | .tb-alarm-details-panel { |
| 17 | - margin-left: 15px; | ||
| 18 | - border: 1px solid #C0C0C0; | ||
| 19 | height: 100%; | 18 | height: 100%; |
| 19 | + margin-left: 15px; | ||
| 20 | + border: 1px solid #c0c0c0; | ||
| 21 | + | ||
| 20 | #tb-alarm-details { | 22 | #tb-alarm-details { |
| 21 | - min-width: 600px; | ||
| 22 | - min-height: 200px; | ||
| 23 | width: 100%; | 23 | width: 100%; |
| 24 | + min-width: 600px; | ||
| 24 | height: 100%; | 25 | height: 100%; |
| 26 | + min-height: 200px; | ||
| 25 | } | 27 | } |
| 26 | } | 28 | } |
| @@ -13,26 +13,27 @@ | @@ -13,26 +13,27 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-alarm-container { | 17 | .tb-alarm-container { |
| 17 | overflow-x: auto; | 18 | overflow-x: auto; |
| 18 | } | 19 | } |
| 19 | 20 | ||
| 20 | md-list.tb-alarm-table { | 21 | md-list.tb-alarm-table { |
| 21 | - padding: 0px; | ||
| 22 | min-width: 700px; | 22 | min-width: 700px; |
| 23 | + padding: 0; | ||
| 23 | 24 | ||
| 24 | md-list-item { | 25 | md-list-item { |
| 25 | - padding: 0px; | 26 | + padding: 0; |
| 26 | } | 27 | } |
| 27 | 28 | ||
| 28 | .tb-row { | 29 | .tb-row { |
| 29 | height: 48px; | 30 | height: 48px; |
| 30 | - padding: 0px; | 31 | + padding: 0; |
| 31 | overflow: hidden; | 32 | overflow: hidden; |
| 32 | } | 33 | } |
| 33 | 34 | ||
| 34 | .tb-row:hover { | 35 | .tb-row:hover { |
| 35 | - background-color: #EEEEEE; | 36 | + background-color: #eee; |
| 36 | } | 37 | } |
| 37 | 38 | ||
| 38 | .tb-header:hover { | 39 | .tb-header:hover { |
| @@ -41,9 +42,9 @@ md-list.tb-alarm-table { | @@ -41,9 +42,9 @@ md-list.tb-alarm-table { | ||
| 41 | 42 | ||
| 42 | .tb-header { | 43 | .tb-header { |
| 43 | .tb-cell { | 44 | .tb-cell { |
| 44 | - color: rgba(0,0,0,.54); | ||
| 45 | font-size: 12px; | 45 | font-size: 12px; |
| 46 | font-weight: 700; | 46 | font-weight: 700; |
| 47 | + color: rgba(0, 0, 0, .54); | ||
| 47 | white-space: nowrap; | 48 | white-space: nowrap; |
| 48 | background: none; | 49 | background: none; |
| 49 | } | 50 | } |
| @@ -52,11 +53,12 @@ md-list.tb-alarm-table { | @@ -52,11 +53,12 @@ md-list.tb-alarm-table { | ||
| 52 | .tb-cell { | 53 | .tb-cell { |
| 53 | padding: 0 24px; | 54 | padding: 0 24px; |
| 54 | margin: auto 0; | 55 | margin: auto 0; |
| 55 | - color: rgba(0,0,0,.87); | 56 | + overflow: hidden; |
| 56 | font-size: 13px; | 57 | font-size: 13px; |
| 57 | - vertical-align: middle; | 58 | + color: rgba(0, 0, 0, .87); |
| 58 | text-align: left; | 59 | text-align: left; |
| 59 | - overflow: hidden; | 60 | + vertical-align: middle; |
| 61 | + | ||
| 60 | .md-button { | 62 | .md-button { |
| 61 | padding: 0; | 63 | padding: 0; |
| 62 | margin: 0; | 64 | margin: 0; |
| @@ -66,12 +68,11 @@ md-list.tb-alarm-table { | @@ -66,12 +68,11 @@ md-list.tb-alarm-table { | ||
| 66 | .tb-cell.tb-number { | 68 | .tb-cell.tb-number { |
| 67 | text-align: right; | 69 | text-align: right; |
| 68 | } | 70 | } |
| 69 | - | ||
| 70 | } | 71 | } |
| 71 | 72 | ||
| 72 | #tb-alarm-content { | 73 | #tb-alarm-content { |
| 73 | - min-width: 400px; | ||
| 74 | - min-height: 50px; | ||
| 75 | width: 100%; | 74 | width: 100%; |
| 75 | + min-width: 400px; | ||
| 76 | height: 100%; | 76 | height: 100%; |
| 77 | + min-height: 50px; | ||
| 77 | } | 78 | } |
| @@ -13,10 +13,12 @@ | @@ -13,10 +13,12 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 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 | width: 100%; | 19 | width: 100%; |
| 20 | + min-width: 400px; | ||
| 20 | height: 100%; | 21 | height: 100%; |
| 21 | - border: 1px solid #C0C0C0; | ||
| 22 | -} | ||
| 22 | + min-height: 50px; | ||
| 23 | + border: 1px solid #c0c0c0; | ||
| 24 | +} |
| @@ -13,17 +13,21 @@ | @@ -13,17 +13,21 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-audit-logs { | 17 | .tb-audit-logs { |
| 17 | background-color: #fff; | 18 | background-color: #fff; |
| 19 | + | ||
| 18 | .tb-audit-log-margin-18px { | 20 | .tb-audit-log-margin-18px { |
| 19 | margin-bottom: 18px; | 21 | margin-bottom: 18px; |
| 20 | } | 22 | } |
| 23 | + | ||
| 21 | .tb-audit-log-toolbar { | 24 | .tb-audit-log-toolbar { |
| 22 | font-size: 20px; | 25 | font-size: 20px; |
| 23 | } | 26 | } |
| 27 | + | ||
| 24 | md-input-container.tb-audit-log-search-input { | 28 | md-input-container.tb-audit-log-search-input { |
| 25 | .md-errors-spacer { | 29 | .md-errors-spacer { |
| 26 | - min-height: 0px; | 30 | + min-height: 0; |
| 27 | } | 31 | } |
| 28 | } | 32 | } |
| 29 | } | 33 | } |
| @@ -32,27 +36,26 @@ | @@ -32,27 +36,26 @@ | ||
| 32 | overflow-x: auto; | 36 | overflow-x: auto; |
| 33 | } | 37 | } |
| 34 | 38 | ||
| 35 | - | ||
| 36 | - | ||
| 37 | md-list.tb-audit-log-table { | 39 | md-list.tb-audit-log-table { |
| 38 | - padding: 0px; | ||
| 39 | min-width: 700px; | 40 | min-width: 700px; |
| 41 | + padding: 0; | ||
| 42 | + | ||
| 40 | &.tb-audit-log-table-full { | 43 | &.tb-audit-log-table-full { |
| 41 | min-width: 900px; | 44 | min-width: 900px; |
| 42 | } | 45 | } |
| 43 | 46 | ||
| 44 | md-list-item { | 47 | md-list-item { |
| 45 | - padding: 0px; | 48 | + padding: 0; |
| 46 | } | 49 | } |
| 47 | 50 | ||
| 48 | .tb-row { | 51 | .tb-row { |
| 49 | height: 48px; | 52 | height: 48px; |
| 50 | - padding: 0px; | 53 | + padding: 0; |
| 51 | overflow: hidden; | 54 | overflow: hidden; |
| 52 | } | 55 | } |
| 53 | 56 | ||
| 54 | .tb-row:hover { | 57 | .tb-row:hover { |
| 55 | - background-color: #EEEEEE; | 58 | + background-color: #eee; |
| 56 | } | 59 | } |
| 57 | 60 | ||
| 58 | .tb-header:hover { | 61 | .tb-header:hover { |
| @@ -61,9 +64,9 @@ md-list.tb-audit-log-table { | @@ -61,9 +64,9 @@ md-list.tb-audit-log-table { | ||
| 61 | 64 | ||
| 62 | .tb-header { | 65 | .tb-header { |
| 63 | .tb-cell { | 66 | .tb-cell { |
| 64 | - color: rgba(0,0,0,.54); | ||
| 65 | font-size: 12px; | 67 | font-size: 12px; |
| 66 | font-weight: 700; | 68 | font-weight: 700; |
| 69 | + color: rgba(0, 0, 0, .54); | ||
| 67 | white-space: nowrap; | 70 | white-space: nowrap; |
| 68 | background: none; | 71 | background: none; |
| 69 | } | 72 | } |
| @@ -72,11 +75,12 @@ md-list.tb-audit-log-table { | @@ -72,11 +75,12 @@ md-list.tb-audit-log-table { | ||
| 72 | .tb-cell { | 75 | .tb-cell { |
| 73 | padding: 0 24px; | 76 | padding: 0 24px; |
| 74 | margin: auto 0; | 77 | margin: auto 0; |
| 75 | - color: rgba(0,0,0,.87); | 78 | + overflow: hidden; |
| 76 | font-size: 13px; | 79 | font-size: 13px; |
| 77 | - vertical-align: middle; | 80 | + color: rgba(0, 0, 0, .87); |
| 78 | text-align: left; | 81 | text-align: left; |
| 79 | - overflow: hidden; | 82 | + vertical-align: middle; |
| 83 | + | ||
| 80 | .md-button { | 84 | .md-button { |
| 81 | padding: 0; | 85 | padding: 0; |
| 82 | margin: 0; | 86 | margin: 0; |
| @@ -86,5 +90,4 @@ md-list.tb-audit-log-table { | @@ -86,5 +90,4 @@ md-list.tb-audit-log-table { | ||
| 86 | .tb-cell.tb-number { | 90 | .tb-cell.tb-number { |
| 87 | text-align: right; | 91 | text-align: right; |
| 88 | } | 92 | } |
| 89 | - | ||
| 90 | } | 93 | } |
| @@ -13,16 +13,19 @@ | @@ -13,16 +13,19 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-dashboard-autocomplete { | 17 | .tb-dashboard-autocomplete { |
| 17 | .tb-not-found { | 18 | .tb-not-found { |
| 18 | display: block; | 19 | display: block; |
| 19 | - line-height: 1.5; | ||
| 20 | height: 48px; | 20 | height: 48px; |
| 21 | + line-height: 1.5; | ||
| 21 | } | 22 | } |
| 23 | + | ||
| 22 | .tb-dashboard-item { | 24 | .tb-dashboard-item { |
| 23 | display: block; | 25 | display: block; |
| 24 | height: 48px; | 26 | height: 48px; |
| 25 | } | 27 | } |
| 28 | + | ||
| 26 | li { | 29 | li { |
| 27 | height: auto !important; | 30 | height: auto !important; |
| 28 | white-space: normal !important; | 31 | white-space: normal !important; |
| @@ -13,18 +13,20 @@ | @@ -13,18 +13,20 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -@import '../../scss/constants'; | 16 | +@import "../../scss/constants"; |
| 17 | 17 | ||
| 18 | tb-dashboard-select { | 18 | tb-dashboard-select { |
| 19 | min-width: 52px; | 19 | min-width: 52px; |
| 20 | + | ||
| 20 | md-select { | 21 | md-select { |
| 21 | - pointer-events: all; | ||
| 22 | max-width: 300px; | 22 | max-width: 300px; |
| 23 | + pointer-events: all; | ||
| 23 | } | 24 | } |
| 24 | } | 25 | } |
| 25 | 26 | ||
| 26 | .tb-dashboard-select { | 27 | .tb-dashboard-select { |
| 27 | min-height: 32px; | 28 | min-height: 32px; |
| 29 | + | ||
| 28 | span { | 30 | span { |
| 29 | pointer-events: all; | 31 | pointer-events: all; |
| 30 | cursor: pointer; | 32 | cursor: pointer; |
| @@ -38,23 +40,27 @@ tb-dashboard-select { | @@ -38,23 +40,27 @@ tb-dashboard-select { | ||
| 38 | } | 40 | } |
| 39 | 41 | ||
| 40 | .tb-dashboard-select-panel { | 42 | .tb-dashboard-select-panel { |
| 43 | + min-width: 300px; | ||
| 44 | + max-width: 320px; | ||
| 41 | max-height: 150px; | 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 | @media (min-height: 350px) { | 55 | @media (min-height: 350px) { |
| 43 | max-height: 250px; | 56 | max-height: 250px; |
| 44 | } | 57 | } |
| 45 | - max-width: 320px; | 58 | + |
| 46 | @media (min-width: $layout-breakpoint-xs) { | 59 | @media (min-width: $layout-breakpoint-xs) { |
| 47 | max-width: 100%; | 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 | md-content { | 63 | md-content { |
| 58 | background-color: #fff; | 64 | background-color: #fff; |
| 59 | } | 65 | } |
| 60 | -} | ||
| 66 | +} |
| @@ -21,6 +21,7 @@ div.tb-widget { | @@ -21,6 +21,7 @@ div.tb-widget { | ||
| 21 | margin: 0; | 21 | margin: 0; |
| 22 | overflow: hidden; | 22 | overflow: hidden; |
| 23 | outline: none; | 23 | outline: none; |
| 24 | + | ||
| 24 | @include transition(all .2s ease-in-out); | 25 | @include transition(all .2s ease-in-out); |
| 25 | 26 | ||
| 26 | .tb-widget-title { | 27 | .tb-widget-title { |
| @@ -32,7 +33,7 @@ div.tb-widget { | @@ -32,7 +33,7 @@ div.tb-widget { | ||
| 32 | 33 | ||
| 33 | tb-timewindow { | 34 | tb-timewindow { |
| 34 | font-size: 14px; | 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,17 +45,19 @@ div.tb-widget { | ||
| 44 | margin: 0; | 45 | margin: 0; |
| 45 | 46 | ||
| 46 | .md-button.md-icon-button { | 47 | .md-button.md-icon-button { |
| 47 | - margin: 0 !important; | ||
| 48 | - padding: 0 !important; | ||
| 49 | - line-height: 20px; | ||
| 50 | width: 32px; | 48 | width: 32px; |
| 51 | - height: 32px; | ||
| 52 | min-width: 32px; | 49 | min-width: 32px; |
| 50 | + height: 32px; | ||
| 53 | min-height: 32px; | 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 | width: 20px; | 58 | width: 20px; |
| 56 | - height: 20px; | ||
| 57 | min-width: 20px; | 59 | min-width: 20px; |
| 60 | + height: 20px; | ||
| 58 | min-height: 20px; | 61 | min-height: 20px; |
| 59 | font-size: 20px; | 62 | font-size: 20px; |
| 60 | } | 63 | } |
| @@ -63,8 +66,8 @@ div.tb-widget { | @@ -63,8 +66,8 @@ div.tb-widget { | ||
| 63 | 66 | ||
| 64 | .tb-widget-content { | 67 | .tb-widget-content { |
| 65 | tb-widget { | 68 | tb-widget { |
| 66 | - width: 100%; | ||
| 67 | position: relative; | 69 | position: relative; |
| 70 | + width: 100%; | ||
| 68 | } | 71 | } |
| 69 | } | 72 | } |
| 70 | } | 73 | } |
| @@ -75,40 +78,41 @@ div.tb-widget.tb-highlighted { | @@ -75,40 +78,41 @@ div.tb-widget.tb-highlighted { | ||
| 75 | } | 78 | } |
| 76 | 79 | ||
| 77 | div.tb-widget.tb-not-highlighted { | 80 | div.tb-widget.tb-not-highlighted { |
| 78 | - opacity: 0.5; | 81 | + opacity: .5; |
| 79 | } | 82 | } |
| 80 | 83 | ||
| 81 | tb-dashboard { | 84 | tb-dashboard { |
| 82 | position: absolute; | 85 | position: absolute; |
| 83 | top: 0; | 86 | top: 0; |
| 84 | - left: 0; | ||
| 85 | right: 0; | 87 | right: 0; |
| 86 | bottom: 0; | 88 | bottom: 0; |
| 89 | + left: 0; | ||
| 87 | } | 90 | } |
| 88 | 91 | ||
| 89 | md-content.tb-dashboard-content { | 92 | md-content.tb-dashboard-content { |
| 90 | position: absolute; | 93 | position: absolute; |
| 91 | top: 0; | 94 | top: 0; |
| 92 | - left: 0; | ||
| 93 | right: 0; | 95 | right: 0; |
| 94 | bottom: 0; | 96 | bottom: 0; |
| 95 | - outline: none; | 97 | + left: 0; |
| 96 | background: none; | 98 | background: none; |
| 99 | + outline: none; | ||
| 100 | + | ||
| 97 | .gridster-item { | 101 | .gridster-item { |
| 98 | - @include transition(none); | 102 | + @include transition(none); |
| 99 | } | 103 | } |
| 100 | } | 104 | } |
| 101 | 105 | ||
| 102 | .tb-widget-error-container { | 106 | .tb-widget-error-container { |
| 103 | position: absolute; | 107 | position: absolute; |
| 104 | - background-color: #fff; | ||
| 105 | width: 100%; | 108 | width: 100%; |
| 106 | height: 100%; | 109 | height: 100%; |
| 110 | + background-color: #fff; | ||
| 107 | } | 111 | } |
| 108 | 112 | ||
| 109 | .tb-widget-error-msg { | 113 | .tb-widget-error-msg { |
| 110 | - color: red; | 114 | + padding: 5px; |
| 111 | font-size: 16px; | 115 | font-size: 16px; |
| 116 | + color: #f00; | ||
| 112 | word-wrap: break-word; | 117 | word-wrap: break-word; |
| 113 | - padding: 5px; | ||
| 114 | } | 118 | } |
| @@ -13,9 +13,11 @@ | @@ -13,9 +13,11 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-datakey-config { | 17 | .tb-datakey-config { |
| 17 | min-width: 500px !important; | 18 | min-width: 500px !important; |
| 18 | min-height: 500px !important; | 19 | min-height: 500px !important; |
| 20 | + | ||
| 19 | md-content { | 21 | md-content { |
| 20 | background-color: #fff; | 22 | background-color: #fff; |
| 21 | } | 23 | } |
| @@ -13,17 +13,22 @@ | @@ -13,17 +13,22 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 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 | .tb-not-found { | 22 | .tb-not-found { |
| 20 | display: block; | 23 | display: block; |
| 21 | - line-height: 1.5; | ||
| 22 | height: 48px; | 24 | height: 48px; |
| 25 | + line-height: 1.5; | ||
| 26 | + | ||
| 23 | .tb-no-entries { | 27 | .tb-no-entries { |
| 24 | line-height: 48px; | 28 | line-height: 48px; |
| 25 | } | 29 | } |
| 26 | } | 30 | } |
| 31 | + | ||
| 27 | li { | 32 | li { |
| 28 | height: auto !important; | 33 | height: auto !important; |
| 29 | white-space: normal !important; | 34 | white-space: normal !important; |
| @@ -32,13 +37,14 @@ | @@ -32,13 +37,14 @@ | ||
| 32 | 37 | ||
| 33 | tb-datasource-entity { | 38 | tb-datasource-entity { |
| 34 | @media (min-width: $layout-breakpoint-sm) { | 39 | @media (min-width: $layout-breakpoint-sm) { |
| 35 | - padding-left: 4px; | ||
| 36 | padding-right: 4px; | 40 | padding-right: 4px; |
| 41 | + padding-left: 4px; | ||
| 37 | } | 42 | } |
| 43 | + | ||
| 38 | tb-entity-alias-select { | 44 | tb-entity-alias-select { |
| 39 | @media (min-width: $layout-breakpoint-sm) { | 45 | @media (min-width: $layout-breakpoint-sm) { |
| 40 | width: 200px; | 46 | width: 200px; |
| 41 | max-width: 200px; | 47 | max-width: 200px; |
| 42 | } | 48 | } |
| 43 | } | 49 | } |
| 44 | -} | ||
| 50 | +} |
| @@ -13,7 +13,7 @@ | @@ -13,7 +13,7 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -@import '../../scss/constants'; | 16 | +@import "../../scss/constants"; |
| 17 | 17 | ||
| 18 | .tb-datasource-func { | 18 | .tb-datasource-func { |
| 19 | @media (min-width: $layout-breakpoint-sm) { | 19 | @media (min-width: $layout-breakpoint-sm) { |
| @@ -22,19 +22,22 @@ | @@ -22,19 +22,22 @@ | ||
| 22 | 22 | ||
| 23 | md-input-container.tb-datasource-name { | 23 | md-input-container.tb-datasource-name { |
| 24 | .md-errors-spacer { | 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 | .tb-not-found { | 31 | .tb-not-found { |
| 31 | display: block; | 32 | display: block; |
| 32 | - line-height: 1.5; | ||
| 33 | height: 48px; | 33 | height: 48px; |
| 34 | + line-height: 1.5; | ||
| 35 | + | ||
| 34 | .tb-no-entries { | 36 | .tb-no-entries { |
| 35 | line-height: 48px; | 37 | line-height: 48px; |
| 36 | } | 38 | } |
| 37 | } | 39 | } |
| 40 | + | ||
| 38 | li { | 41 | li { |
| 39 | height: auto !important; | 42 | height: auto !important; |
| 40 | white-space: normal !important; | 43 | white-space: normal !important; |
| @@ -13,39 +13,43 @@ | @@ -13,39 +13,43 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-datasource { | 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 | @mixin tb-checkered-bg() { | 33 | @mixin tb-checkered-bg() { |
| 32 | background-color: #fff; | 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 | background-position: 0 0, 4px 4px; | 38 | background-position: 0 0, 4px 4px; |
| 39 | + background-size: 8px 8px; | ||
| 37 | } | 40 | } |
| 38 | 41 | ||
| 39 | .tb-color-preview { | 42 | .tb-color-preview { |
| 40 | - content: ''; | ||
| 41 | - min-width: 24px; | 43 | + position: relative; |
| 42 | width: 24px; | 44 | width: 24px; |
| 45 | + min-width: 24px; | ||
| 43 | height: 24px; | 46 | height: 24px; |
| 47 | + overflow: hidden; | ||
| 48 | + content: ""; | ||
| 44 | border: 2px solid #fff; | 49 | border: 2px solid #fff; |
| 45 | border-radius: 50%; | 50 | border-radius: 50%; |
| 46 | 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); | 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 | @include tb-checkered-bg(); | 53 | @include tb-checkered-bg(); |
| 50 | 54 | ||
| 51 | .tb-color-result { | 55 | .tb-color-result { |
| @@ -60,6 +64,7 @@ | @@ -60,6 +64,7 @@ | ||
| 60 | text-overflow: ellipsis; | 64 | text-overflow: ellipsis; |
| 61 | white-space: nowrap; | 65 | white-space: nowrap; |
| 62 | } | 66 | } |
| 67 | + | ||
| 63 | .tb-chip-separator { | 68 | .tb-chip-separator { |
| 64 | white-space: pre; | 69 | white-space: pre; |
| 65 | } | 70 | } |
| @@ -13,13 +13,16 @@ | @@ -13,13 +13,16 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | tb-datetime-period { | 17 | tb-datetime-period { |
| 17 | md-input-container { | 18 | md-input-container { |
| 18 | - margin-bottom: 0px; | 19 | + margin-bottom: 0; |
| 20 | + | ||
| 19 | .md-errors-spacer { | 21 | .md-errors-spacer { |
| 20 | - min-height: 0px; | 22 | + min-height: 0; |
| 21 | } | 23 | } |
| 22 | } | 24 | } |
| 25 | + | ||
| 23 | mdp-date-picker { | 26 | mdp-date-picker { |
| 24 | .md-input { | 27 | .md-input { |
| 25 | width: 150px !important; | 28 | width: 150px !important; |
| @@ -13,47 +13,51 @@ | @@ -13,47 +13,51 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -@import '../../scss/constants'; | 16 | +@import "../../scss/constants"; |
| 17 | 17 | ||
| 18 | .tb-details-title { | 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 | margin: 20px 8px 0 0; | 20 | margin: 20px 8px 0 0; |
| 26 | overflow: hidden; | 21 | overflow: hidden; |
| 22 | + font-size: 1rem; | ||
| 23 | + font-weight: 400; | ||
| 27 | text-overflow: ellipsis; | 24 | text-overflow: ellipsis; |
| 25 | + text-transform: uppercase; | ||
| 28 | white-space: nowrap; | 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 | .tb-details-subtitle { | 33 | .tb-details-subtitle { |
| 33 | - font-size: 1.000rem; | 34 | + width: inherit; |
| 34 | margin: 10px 0; | 35 | margin: 10px 0; |
| 35 | - opacity: 0.8; | ||
| 36 | overflow: hidden; | 36 | overflow: hidden; |
| 37 | + font-size: 1rem; | ||
| 37 | text-overflow: ellipsis; | 38 | text-overflow: ellipsis; |
| 38 | white-space: nowrap; | 39 | white-space: nowrap; |
| 39 | - width: inherit; | 40 | + opacity: .8; |
| 40 | } | 41 | } |
| 41 | 42 | ||
| 42 | md-sidenav.tb-sidenav-details { | 43 | md-sidenav.tb-sidenav-details { |
| 43 | .md-toolbar-tools { | 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 | width: 100% !important; | 50 | width: 100% !important; |
| 49 | max-width: 100% !important; | 51 | max-width: 100% !important; |
| 50 | - z-index: 59 !important; | 52 | + |
| 51 | @media (min-width: $layout-breakpoint-gt-sm) { | 53 | @media (min-width: $layout-breakpoint-gt-sm) { |
| 52 | width: 80% !important; | 54 | width: 80% !important; |
| 53 | } | 55 | } |
| 56 | + | ||
| 54 | @media (min-width: $layout-breakpoint-gt-md) { | 57 | @media (min-width: $layout-breakpoint-gt-md) { |
| 55 | width: 65% !important; | 58 | width: 65% !important; |
| 56 | } | 59 | } |
| 60 | + | ||
| 57 | tb-dashboard { | 61 | tb-dashboard { |
| 58 | md-content { | 62 | md-content { |
| 59 | background-color: $primary-hue-3; | 63 | background-color: $primary-hue-3; |
| @@ -13,15 +13,18 @@ | @@ -13,15 +13,18 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-entity-alias-autocomplete { | 17 | .tb-entity-alias-autocomplete { |
| 17 | .tb-not-found { | 18 | .tb-not-found { |
| 18 | display: block; | 19 | display: block; |
| 19 | - line-height: 1.5; | ||
| 20 | height: 48px; | 20 | height: 48px; |
| 21 | + line-height: 1.5; | ||
| 22 | + | ||
| 21 | .tb-no-entries { | 23 | .tb-no-entries { |
| 22 | line-height: 48px; | 24 | line-height: 48px; |
| 23 | } | 25 | } |
| 24 | } | 26 | } |
| 27 | + | ||
| 25 | li { | 28 | li { |
| 26 | height: auto !important; | 29 | height: auto !important; |
| 27 | white-space: normal !important; | 30 | white-space: normal !important; |
| @@ -16,37 +16,38 @@ | @@ -16,37 +16,38 @@ | ||
| 16 | @import "../../scss/constants"; | 16 | @import "../../scss/constants"; |
| 17 | 17 | ||
| 18 | .tb-fullscreen { | 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 | position: fixed !important; | 19 | position: fixed !important; |
| 28 | top: 0; | 20 | top: 0; |
| 29 | left: 0; | 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 | .tb-fullscreen-parent { | 30 | .tb-fullscreen-parent { |
| 33 | - background-color: $gray; | ||
| 34 | - width: 100%; | ||
| 35 | - height: 100%; | ||
| 36 | position: fixed; | 31 | position: fixed; |
| 37 | top: 0; | 32 | top: 0; |
| 38 | left: 0; | 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 | background: #ccc; | 41 | background: #ccc; |
| 43 | - opacity: 0.85; | 42 | + opacity: .85; |
| 43 | + | ||
| 44 | ng-md-icon { | 44 | ng-md-icon { |
| 45 | color: #666; | 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 | position: absolute; | 51 | position: absolute; |
| 51 | top: 10px; | 52 | top: 10px; |
| 52 | right: 10px; | 53 | right: 10px; |
| @@ -21,15 +21,19 @@ | @@ -21,15 +21,19 @@ | ||
| 21 | 21 | ||
| 22 | .tb-card-item { | 22 | .tb-card-item { |
| 23 | @include transition(all .2s ease-in-out); | 23 | @include transition(all .2s ease-in-out); |
| 24 | + | ||
| 24 | md-card-content { | 25 | md-card-content { |
| 25 | - padding-top: 0px; | ||
| 26 | max-height: 53px; | 26 | max-height: 53px; |
| 27 | + padding-top: 0; | ||
| 27 | } | 28 | } |
| 29 | + | ||
| 28 | md-card-title { | 30 | md-card-title { |
| 29 | width: 100%; | 31 | width: 100%; |
| 32 | + | ||
| 30 | md-card-title-text { | 33 | md-card-title-text { |
| 31 | - max-height: 32px; | ||
| 32 | min-width: 50%; | 34 | min-width: 50%; |
| 35 | + max-height: 32px; | ||
| 36 | + | ||
| 33 | .md-headline { | 37 | .md-headline { |
| 34 | overflow: hidden; | 38 | overflow: hidden; |
| 35 | text-overflow: ellipsis; | 39 | text-overflow: ellipsis; |
| @@ -40,14 +44,15 @@ | @@ -40,14 +44,15 @@ | ||
| 40 | } | 44 | } |
| 41 | 45 | ||
| 42 | .tb-current-item { | 46 | .tb-current-item { |
| 43 | - opacity: 0.5; | 47 | + opacity: .5; |
| 48 | + | ||
| 44 | @include transform(scale(1.05)); | 49 | @include transform(scale(1.05)); |
| 45 | } | 50 | } |
| 46 | 51 | ||
| 47 | #tb-vertical-container { | 52 | #tb-vertical-container { |
| 48 | position: absolute; | 53 | position: absolute; |
| 49 | top: 0; | 54 | top: 0; |
| 50 | - left: 0; | ||
| 51 | right: 0; | 55 | right: 0; |
| 52 | bottom: 0; | 56 | bottom: 0; |
| 57 | + left: 0; | ||
| 53 | } | 58 | } |
| @@ -13,11 +13,14 @@ | @@ -13,11 +13,14 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | tb-js-func { | 17 | tb-js-func { |
| 17 | position: relative; | 18 | position: relative; |
| 19 | + | ||
| 18 | .tb-disabled { | 20 | .tb-disabled { |
| 19 | - color: rgba(0,0,0,0.38); | 21 | + color: rgba(0, 0, 0, .38); |
| 20 | } | 22 | } |
| 23 | + | ||
| 21 | .fill-height { | 24 | .fill-height { |
| 22 | height: 100%; | 25 | height: 100%; |
| 23 | } | 26 | } |
| @@ -25,25 +28,27 @@ tb-js-func { | @@ -25,25 +28,27 @@ tb-js-func { | ||
| 25 | 28 | ||
| 26 | .tb-js-func-toolbar { | 29 | .tb-js-func-toolbar { |
| 27 | .md-button.tidy { | 30 | .md-button.tidy { |
| 28 | - color: #7B7B7B; | ||
| 29 | min-width: 32px; | 31 | min-width: 32px; |
| 30 | min-height: 15px; | 32 | min-height: 15px; |
| 31 | - line-height: 15px; | ||
| 32 | - font-size: 0.800rem; | ||
| 33 | - margin: 0 5px 0 0; | ||
| 34 | padding: 4px; | 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 | .tb-js-func-panel { | 42 | .tb-js-func-panel { |
| 40 | - margin-left: 15px; | ||
| 41 | - border: 1px solid #C0C0C0; | ||
| 42 | height: calc(100% - 80px); | 43 | height: calc(100% - 80px); |
| 44 | + margin-left: 15px; | ||
| 45 | + border: 1px solid #c0c0c0; | ||
| 46 | + | ||
| 43 | #tb-javascript-input { | 47 | #tb-javascript-input { |
| 44 | - min-width: 200px; | ||
| 45 | width: 100%; | 48 | width: 100%; |
| 49 | + min-width: 200px; | ||
| 46 | height: 100%; | 50 | height: 100%; |
| 51 | + | ||
| 47 | &:not(.fill-height) { | 52 | &:not(.fill-height) { |
| 48 | min-height: 200px; | 53 | min-height: 200px; |
| 49 | } | 54 | } |
| @@ -13,8 +13,10 @@ | @@ -13,8 +13,10 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | tb-json-content { | 17 | tb-json-content { |
| 17 | position: relative; | 18 | position: relative; |
| 19 | + | ||
| 18 | .fill-height { | 20 | .fill-height { |
| 19 | height: 100%; | 21 | height: 100%; |
| 20 | } | 22 | } |
| @@ -22,25 +24,27 @@ tb-json-content { | @@ -22,25 +24,27 @@ tb-json-content { | ||
| 22 | 24 | ||
| 23 | .tb-json-content-toolbar { | 25 | .tb-json-content-toolbar { |
| 24 | .md-button.tidy { | 26 | .md-button.tidy { |
| 25 | - color: #7B7B7B; | ||
| 26 | min-width: 32px; | 27 | min-width: 32px; |
| 27 | min-height: 15px; | 28 | min-height: 15px; |
| 28 | - line-height: 15px; | ||
| 29 | - font-size: 0.800rem; | ||
| 30 | - margin: 0 5px 0 0; | ||
| 31 | padding: 4px; | 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 | .tb-json-content-panel { | 38 | .tb-json-content-panel { |
| 37 | - margin-left: 15px; | ||
| 38 | - border: 1px solid #C0C0C0; | ||
| 39 | height: 100%; | 39 | height: 100%; |
| 40 | + margin-left: 15px; | ||
| 41 | + border: 1px solid #c0c0c0; | ||
| 42 | + | ||
| 40 | #tb-json-input { | 43 | #tb-json-input { |
| 41 | - min-width: 200px; | ||
| 42 | width: 100%; | 44 | width: 100%; |
| 45 | + min-width: 200px; | ||
| 43 | height: 100%; | 46 | height: 100%; |
| 47 | + | ||
| 44 | &:not(.fill-height) { | 48 | &:not(.fill-height) { |
| 45 | min-height: 200px; | 49 | min-height: 200px; |
| 46 | } | 50 | } |
| @@ -13,7 +13,8 @@ | @@ -13,7 +13,8 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | tb-json-form { | 17 | tb-json-form { |
| 17 | - overflow: auto; | ||
| 18 | padding-bottom: 14px !important; | 18 | padding-bottom: 14px !important; |
| 19 | -} | ||
| 19 | + overflow: auto; | ||
| 20 | +} |
| @@ -13,21 +13,25 @@ | @@ -13,21 +13,25 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | tb-json-object-edit { | 17 | tb-json-object-edit { |
| 17 | position: relative; | 18 | position: relative; |
| 19 | + | ||
| 18 | .fill-height { | 20 | .fill-height { |
| 19 | height: 100%; | 21 | height: 100%; |
| 20 | } | 22 | } |
| 21 | } | 23 | } |
| 22 | 24 | ||
| 23 | .tb-json-object-panel { | 25 | .tb-json-object-panel { |
| 24 | - margin-left: 15px; | ||
| 25 | - border: 1px solid #C0C0C0; | ||
| 26 | height: 100%; | 26 | height: 100%; |
| 27 | + margin-left: 15px; | ||
| 28 | + border: 1px solid #c0c0c0; | ||
| 29 | + | ||
| 27 | #tb-json-input { | 30 | #tb-json-input { |
| 28 | - min-width: 200px; | ||
| 29 | width: 100%; | 31 | width: 100%; |
| 32 | + min-width: 200px; | ||
| 30 | height: 100%; | 33 | height: 100%; |
| 34 | + | ||
| 31 | &:not(.fill-height) { | 35 | &:not(.fill-height) { |
| 32 | min-height: 200px; | 36 | min-height: 200px; |
| 33 | } | 37 | } |
| @@ -13,14 +13,16 @@ | @@ -13,14 +13,16 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-kv-map { | 17 | .tb-kv-map { |
| 17 | span.no-data-found { | 18 | span.no-data-found { |
| 18 | position: relative; | 19 | position: relative; |
| 20 | + display: flex; | ||
| 19 | height: 40px; | 21 | height: 40px; |
| 20 | text-transform: uppercase; | 22 | text-transform: uppercase; |
| 21 | - display: flex; | 23 | + |
| 22 | &.disabled { | 24 | &.disabled { |
| 23 | - color: rgba(0,0,0,0.38); | 25 | + color: rgba(0, 0, 0, .38); |
| 24 | } | 26 | } |
| 25 | } | 27 | } |
| 26 | -} | ||
| 28 | +} |
| @@ -13,6 +13,7 @@ | @@ -13,6 +13,7 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .md-panel { | 17 | .md-panel { |
| 17 | &.tb-legend-config-panel { | 18 | &.tb-legend-config-panel { |
| 18 | position: absolute; | 19 | position: absolute; |
| @@ -20,21 +21,26 @@ | @@ -20,21 +21,26 @@ | ||
| 20 | } | 21 | } |
| 21 | 22 | ||
| 22 | .tb-legend-config-panel { | 23 | .tb-legend-config-panel { |
| 23 | - max-height: 220px; | ||
| 24 | min-width: 220px; | 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 | overflow: hidden; | 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 | height: 100%; | 36 | height: 100%; |
| 33 | } | 37 | } |
| 38 | + | ||
| 34 | md-content { | 39 | md-content { |
| 35 | - background-color: #fff; | ||
| 36 | overflow: hidden; | 40 | overflow: hidden; |
| 41 | + background-color: #fff; | ||
| 37 | } | 42 | } |
| 43 | + | ||
| 38 | .md-padding { | 44 | .md-padding { |
| 39 | padding: 0 16px; | 45 | padding: 0 16px; |
| 40 | } | 46 | } |
| @@ -13,39 +13,49 @@ | @@ -13,39 +13,49 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | table.tb-legend { | 17 | table.tb-legend { |
| 17 | width: 100%; | 18 | width: 100%; |
| 18 | font-size: 12px; | 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 | .tb-legend-header { | 26 | .tb-legend-header { |
| 23 | th { | 27 | th { |
| 24 | - color: rgb(255,110,64); | ||
| 25 | - white-space: nowrap; | ||
| 26 | padding: 0 10px 1px 0; | 28 | padding: 0 10px 1px 0; |
| 29 | + color: rgb(255, 110, 64); | ||
| 30 | + white-space: nowrap; | ||
| 27 | } | 31 | } |
| 28 | } | 32 | } |
| 33 | + | ||
| 29 | .tb-legend-keys { | 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 | padding: 2px 10px; | 37 | padding: 2px 10px; |
| 38 | + white-space: nowrap; | ||
| 33 | } | 39 | } |
| 40 | + | ||
| 34 | .tb-legend-line { | 41 | .tb-legend-line { |
| 42 | + display: inline-block; | ||
| 35 | width: 15px; | 43 | width: 15px; |
| 36 | height: 3px; | 44 | height: 3px; |
| 37 | - display: inline-block; | ||
| 38 | vertical-align: middle; | 45 | vertical-align: middle; |
| 39 | } | 46 | } |
| 47 | + | ||
| 40 | .tb-legend-label { | 48 | .tb-legend-label { |
| 41 | text-align: left; | 49 | text-align: left; |
| 42 | outline: none; | 50 | outline: none; |
| 51 | + | ||
| 43 | &.tb-horizontal { | 52 | &.tb-horizontal { |
| 44 | width: 95%; | 53 | width: 95%; |
| 45 | } | 54 | } |
| 55 | + | ||
| 46 | &.tb-hidden-label { | 56 | &.tb-hidden-label { |
| 47 | text-decoration: line-through; | 57 | text-decoration: line-through; |
| 48 | - opacity: 0.6; | 58 | + opacity: .6; |
| 49 | } | 59 | } |
| 50 | } | 60 | } |
| 51 | } | 61 | } |
| @@ -13,14 +13,16 @@ | @@ -13,14 +13,16 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-material-icon-select { | 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 | -} | ||
| 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,18 +13,20 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-material-icons-dialog { | 17 | .tb-material-icons-dialog { |
| 17 | button.md-icon-button.tb-select-icon-button { | 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 | width: 56px; | 19 | width: 56px; |
| 20 | + height: 56px; | ||
| 21 | + padding: 16px; | ||
| 23 | margin: 10px; | 22 | margin: 10px; |
| 23 | + border: solid 1px #ffa500; | ||
| 24 | + border-radius: 0%; | ||
| 24 | } | 25 | } |
| 26 | + | ||
| 25 | .tb-icons-load { | 27 | .tb-icons-load { |
| 26 | top: 64px; | 28 | top: 64px; |
| 27 | - background: rgba(255,255,255,0.75); | ||
| 28 | z-index: 3; | 29 | z-index: 3; |
| 30 | + background: rgba(255, 255, 255, .75); | ||
| 29 | } | 31 | } |
| 30 | -} | ||
| 32 | +} |
| @@ -24,9 +24,11 @@ | @@ -24,9 +24,11 @@ | ||
| 24 | } | 24 | } |
| 25 | 25 | ||
| 26 | .tb-menu-toggle-list { | 26 | .tb-menu-toggle-list { |
| 27 | - overflow: hidden; | ||
| 28 | position: relative; | 27 | position: relative; |
| 29 | z-index: 1; | 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 | @include transition-property(height); | 33 | @include transition-property(height); |
| 32 | } | 34 | } |
| @@ -13,30 +13,35 @@ | @@ -13,30 +13,35 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .json-form-ace-editor { | 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 | -} | ||
| 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,21 +15,23 @@ | ||
| 15 | */ | 15 | */ |
| 16 | @mixin tb-checkered-bg() { | 16 | @mixin tb-checkered-bg() { |
| 17 | background-color: #fff; | 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 | background-position: 0 0, 4px 4px; | 21 | background-position: 0 0, 4px 4px; |
| 22 | + background-size: 8px 8px; | ||
| 22 | } | 23 | } |
| 23 | 24 | ||
| 24 | .tb-color-preview { | 25 | .tb-color-preview { |
| 25 | - content: ''; | 26 | + position: relative; |
| 26 | width: 24px; | 27 | width: 24px; |
| 27 | height: 24px; | 28 | height: 24px; |
| 29 | + overflow: hidden; | ||
| 30 | + content: ""; | ||
| 28 | border: 2px solid #fff; | 31 | border: 2px solid #fff; |
| 29 | border-radius: 50%; | 32 | border-radius: 50%; |
| 30 | 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); | 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 | @include tb-checkered-bg(); | 35 | @include tb-checkered-bg(); |
| 34 | 36 | ||
| 35 | .tb-color-result { | 37 | .tb-color-result { |
| @@ -13,66 +13,69 @@ | @@ -13,66 +13,69 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -$previewSize: 100px; | 16 | +$previewSize: 100px !default; |
| 17 | 17 | ||
| 18 | .tb-image-select-container { | 18 | .tb-image-select-container { |
| 19 | position: relative; | 19 | position: relative; |
| 20 | - height: $previewSize; | ||
| 21 | width: 100%; | 20 | width: 100%; |
| 21 | + height: $previewSize; | ||
| 22 | } | 22 | } |
| 23 | 23 | ||
| 24 | .tb-image-preview { | 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 | .tb-image-preview-container { | 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 | .tb-dropzone { | 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 | .tb-image-clear-container { | 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 | .tb-image-clear-btn { | 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,87 +15,92 @@ | ||
| 15 | */ | 15 | */ |
| 16 | @import "~compass-sass-mixins/lib/compass"; | 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 | $input-label-float-offset: 6px !default; | 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 | .json-form-error { | 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 | .tb-container { | 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 | .tb-field { | 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 | .tb-date-field { | 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 | label.tb-label { | 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 | .tb-head-label { | 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,16 +13,19 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-related-entity-autocomplete { | 17 | .tb-related-entity-autocomplete { |
| 17 | .tb-not-found { | 18 | .tb-not-found { |
| 18 | display: block; | 19 | display: block; |
| 19 | - line-height: 1.5; | ||
| 20 | height: 48px; | 20 | height: 48px; |
| 21 | + line-height: 1.5; | ||
| 21 | } | 22 | } |
| 23 | + | ||
| 22 | .tb-entity-item { | 24 | .tb-entity-item { |
| 23 | display: block; | 25 | display: block; |
| 24 | height: 48px; | 26 | height: 48px; |
| 25 | } | 27 | } |
| 28 | + | ||
| 26 | li { | 29 | li { |
| 27 | height: auto !important; | 30 | height: auto !important; |
| 28 | white-space: normal !important; | 31 | white-space: normal !important; |
| @@ -16,21 +16,22 @@ | @@ -16,21 +16,22 @@ | ||
| 16 | @import "~compass-sass-mixins/lib/compass"; | 16 | @import "~compass-sass-mixins/lib/compass"; |
| 17 | 17 | ||
| 18 | .tb-side-menu .md-button.tb-active { | 18 | .tb-side-menu .md-button.tb-active { |
| 19 | - background-color: rgba(255, 255, 255, 0.15); | ||
| 20 | font-weight: 500; | 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 | padding: 0; | 25 | padding: 0; |
| 26 | margin-top: 0; | 26 | margin-top: 0; |
| 27 | + list-style: none; | ||
| 27 | } | 28 | } |
| 28 | 29 | ||
| 29 | .tb-side-menu .tb-menu-toggle-list a.md-button { | 30 | .tb-side-menu .tb-menu-toggle-list a.md-button { |
| 30 | padding: 0 16px 0 32px; | 31 | padding: 0 16px 0 32px; |
| 32 | + font-weight: 500; | ||
| 31 | text-transform: none; | 33 | text-transform: none; |
| 32 | text-rendering: optimizeLegibility; | 34 | text-rendering: optimizeLegibility; |
| 33 | - font-weight: 500; | ||
| 34 | } | 35 | } |
| 35 | 36 | ||
| 36 | .tb-side-menu .tb-menu-toggle-list .md-button { | 37 | .tb-side-menu .tb-menu-toggle-list .md-button { |
| @@ -43,36 +44,38 @@ | @@ -43,36 +44,38 @@ | ||
| 43 | } | 44 | } |
| 44 | 45 | ||
| 45 | .tb-side-menu > li { | 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 | .tb-side-menu .md-button-toggle .md-toggle-icon { | 50 | .tb-side-menu .md-button-toggle .md-toggle-icon { |
| 50 | - background-size: 100% auto; | ||
| 51 | display: inline-block; | 51 | display: inline-block; |
| 52 | - margin: auto 0 auto auto; | ||
| 53 | width: 15px; | 52 | width: 15px; |
| 53 | + margin: auto 0 auto auto; | ||
| 54 | + background-size: 100% auto; | ||
| 55 | + | ||
| 54 | @include transition(transform .3s, ease-in-out); | 56 | @include transition(transform .3s, ease-in-out); |
| 55 | } | 57 | } |
| 56 | 58 | ||
| 57 | .tb-side-menu .md-button { | 59 | .tb-side-menu .md-button { |
| 58 | display: flex; | 60 | display: flex; |
| 59 | - border-radius: 0; | ||
| 60 | - color: inherit; | ||
| 61 | - cursor: pointer; | ||
| 62 | - line-height: 40px; | ||
| 63 | - margin: 0; | 61 | + width: 100%; |
| 64 | max-height: 40px; | 62 | max-height: 40px; |
| 63 | + padding: 0 16px; | ||
| 64 | + margin: 0; | ||
| 65 | overflow: hidden; | 65 | overflow: hidden; |
| 66 | - padding: 0px 16px; | 66 | + line-height: 40px; |
| 67 | + color: inherit; | ||
| 67 | text-align: left; | 68 | text-align: left; |
| 68 | text-decoration: none; | 69 | text-decoration: none; |
| 69 | - white-space: nowrap; | ||
| 70 | text-overflow: ellipsis; | 70 | text-overflow: ellipsis; |
| 71 | - width: 100%; | 71 | + white-space: nowrap; |
| 72 | + cursor: pointer; | ||
| 73 | + border-radius: 0; | ||
| 74 | + | ||
| 72 | span { | 75 | span { |
| 73 | overflow: hidden; | 76 | overflow: hidden; |
| 74 | - white-space: nowrap; | ||
| 75 | text-overflow: ellipsis; | 77 | text-overflow: ellipsis; |
| 78 | + white-space: nowrap; | ||
| 76 | } | 79 | } |
| 77 | } | 80 | } |
| 78 | 81 | ||
| @@ -83,10 +86,10 @@ | @@ -83,10 +86,10 @@ | ||
| 83 | 86 | ||
| 84 | .tb-side-menu ng-md-icon { | 87 | .tb-side-menu ng-md-icon { |
| 85 | margin-right: 8px; | 88 | margin-right: 8px; |
| 86 | - margin-left: 0px; | 89 | + margin-left: 0; |
| 87 | } | 90 | } |
| 88 | 91 | ||
| 89 | .tb-side-menu md-icon { | 92 | .tb-side-menu md-icon { |
| 90 | margin-right: 8px; | 93 | margin-right: 8px; |
| 91 | - margin-left: 0px; | 94 | + margin-left: 0; |
| 92 | } | 95 | } |
| @@ -13,25 +13,32 @@ | @@ -13,25 +13,32 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | tb-timeinterval { | 17 | tb-timeinterval { |
| 17 | min-width: 355px; | 18 | min-width: 355px; |
| 19 | + | ||
| 18 | md-input-container { | 20 | md-input-container { |
| 19 | - margin-bottom: 0px; | 21 | + margin-bottom: 0; |
| 22 | + | ||
| 20 | .md-errors-spacer { | 23 | .md-errors-spacer { |
| 21 | - min-height: 0px; | 24 | + min-height: 0; |
| 22 | } | 25 | } |
| 23 | } | 26 | } |
| 27 | + | ||
| 24 | mdp-date-picker { | 28 | mdp-date-picker { |
| 25 | .md-input { | 29 | .md-input { |
| 26 | width: 150px; | 30 | width: 150px; |
| 27 | } | 31 | } |
| 28 | } | 32 | } |
| 33 | + | ||
| 29 | .md-input { | 34 | .md-input { |
| 30 | width: 70px !important; | 35 | width: 70px !important; |
| 31 | } | 36 | } |
| 37 | + | ||
| 32 | .advanced-switch { | 38 | .advanced-switch { |
| 33 | margin-top: 0; | 39 | margin-top: 0; |
| 34 | } | 40 | } |
| 41 | + | ||
| 35 | .advanced-label { | 42 | .advanced-label { |
| 36 | margin: 5px 0; | 43 | margin: 5px 0; |
| 37 | } | 44 | } |
| @@ -13,6 +13,7 @@ | @@ -13,6 +13,7 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .md-panel { | 17 | .md-panel { |
| 17 | &.tb-timewindow-panel { | 18 | &.tb-timewindow-panel { |
| 18 | position: absolute; | 19 | position: absolute; |
| @@ -20,38 +21,48 @@ | @@ -20,38 +21,48 @@ | ||
| 20 | } | 21 | } |
| 21 | 22 | ||
| 22 | .tb-timewindow-panel { | 23 | .tb-timewindow-panel { |
| 23 | - max-height: 440px; | ||
| 24 | min-width: 417px; | 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 | overflow: hidden; | 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 | height: 100%; | 36 | height: 100%; |
| 33 | } | 37 | } |
| 38 | + | ||
| 34 | md-content { | 39 | md-content { |
| 35 | - background-color: #fff; | ||
| 36 | overflow: hidden; | 40 | overflow: hidden; |
| 41 | + background-color: #fff; | ||
| 37 | } | 42 | } |
| 43 | + | ||
| 38 | .md-padding { | 44 | .md-padding { |
| 39 | padding: 0 16px; | 45 | padding: 0 16px; |
| 40 | } | 46 | } |
| 47 | + | ||
| 41 | .md-radio-interactive { | 48 | .md-radio-interactive { |
| 42 | - md-select, md-switch { | 49 | + md-select, |
| 50 | + md-switch { | ||
| 43 | pointer-events: all; | 51 | pointer-events: all; |
| 44 | } | 52 | } |
| 45 | } | 53 | } |
| 54 | + | ||
| 46 | md-radio-button { | 55 | md-radio-button { |
| 47 | .md-label { | 56 | .md-label { |
| 48 | width: 100%; | 57 | width: 100%; |
| 49 | } | 58 | } |
| 59 | + | ||
| 50 | tb-timeinterval { | 60 | tb-timeinterval { |
| 51 | width: 355px; | 61 | width: 355px; |
| 62 | + | ||
| 52 | .advanced-switch { | 63 | .advanced-switch { |
| 53 | - min-height: 30px; | ||
| 54 | max-width: 44px; | 64 | max-width: 44px; |
| 65 | + min-height: 30px; | ||
| 55 | } | 66 | } |
| 56 | } | 67 | } |
| 57 | } | 68 | } |
| @@ -59,15 +70,17 @@ | @@ -59,15 +70,17 @@ | ||
| 59 | 70 | ||
| 60 | tb-timewindow { | 71 | tb-timewindow { |
| 61 | min-width: 52px; | 72 | min-width: 52px; |
| 73 | + | ||
| 62 | section.tb-timewindow { | 74 | section.tb-timewindow { |
| 63 | min-height: 32px; | 75 | min-height: 32px; |
| 64 | padding: 0 6px; | 76 | padding: 0 6px; |
| 77 | + | ||
| 65 | span { | 78 | span { |
| 66 | - pointer-events: all; | ||
| 67 | - cursor: pointer; | ||
| 68 | overflow: hidden; | 79 | overflow: hidden; |
| 69 | text-overflow: ellipsis; | 80 | text-overflow: ellipsis; |
| 70 | white-space: nowrap; | 81 | white-space: nowrap; |
| 82 | + pointer-events: all; | ||
| 83 | + cursor: pointer; | ||
| 71 | } | 84 | } |
| 72 | } | 85 | } |
| 73 | } | 86 | } |
| @@ -13,18 +13,19 @@ | @@ -13,18 +13,19 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-manage-widget-actions { | 17 | .tb-manage-widget-actions { |
| 17 | table.md-table { | 18 | table.md-table { |
| 18 | tbody { | 19 | tbody { |
| 19 | tr { | 20 | tr { |
| 20 | td { | 21 | td { |
| 21 | &.tb-action-cell { | 22 | &.tb-action-cell { |
| 23 | + width: 100px; | ||
| 24 | + min-width: 100px; | ||
| 25 | + max-width: 100px; | ||
| 22 | overflow: hidden; | 26 | overflow: hidden; |
| 23 | text-overflow: ellipsis; | 27 | text-overflow: ellipsis; |
| 24 | white-space: nowrap; | 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,11 +13,13 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-widget-config { | 17 | .tb-widget-config { |
| 17 | md-tab-content.md-active > div { | 18 | md-tab-content.md-active > div { |
| 18 | height: 100%; | 19 | height: 100%; |
| 19 | } | 20 | } |
| 21 | + | ||
| 20 | .tb-advanced-widget-config { | 22 | .tb-advanced-widget-config { |
| 21 | height: 100%; | 23 | height: 100%; |
| 22 | } | 24 | } |
| 23 | -} | ||
| 25 | +} |
| @@ -13,18 +13,21 @@ | @@ -13,18 +13,21 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-widget { | 17 | .tb-widget { |
| 17 | .tb-widget-error { | 18 | .tb-widget-error { |
| 18 | display: flex; | 19 | display: flex; |
| 19 | - justify-content: center; | ||
| 20 | align-items: center; | 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 | span { | 24 | span { |
| 23 | - color: red; | 25 | + color: #f00; |
| 24 | } | 26 | } |
| 25 | } | 27 | } |
| 28 | + | ||
| 26 | .tb-widget-loading { | 29 | .tb-widget-loading { |
| 27 | - background: rgba(255,255,255,0.15); | ||
| 28 | z-index: 3; | 30 | z-index: 3; |
| 31 | + background: rgba(255, 255, 255, .15); | ||
| 29 | } | 32 | } |
| 30 | } | 33 | } |
| @@ -17,9 +17,10 @@ | @@ -17,9 +17,10 @@ | ||
| 17 | 17 | ||
| 18 | tb-widgets-bundle-select { | 18 | tb-widgets-bundle-select { |
| 19 | md-select { | 19 | md-select { |
| 20 | - margin: 0; | ||
| 21 | padding: 5px 20px; | 20 | padding: 5px 20px; |
| 21 | + margin: 0; | ||
| 22 | } | 22 | } |
| 23 | + | ||
| 23 | .tb-bundle-item { | 24 | .tb-bundle-item { |
| 24 | height: 24px; | 25 | height: 24px; |
| 25 | line-height: 24px; | 26 | line-height: 24px; |
| @@ -33,24 +34,29 @@ tb-widgets-bundle-select { | @@ -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 | .md-text { | 39 | .md-text { |
| 38 | display: block; | 40 | display: block; |
| 39 | width: 100%; | 41 | width: 100%; |
| 40 | } | 42 | } |
| 43 | + | ||
| 41 | .tb-bundle-item { | 44 | .tb-bundle-item { |
| 42 | display: inline-block; | 45 | display: inline-block; |
| 43 | width: 100%; | 46 | width: 100%; |
| 47 | + | ||
| 44 | span { | 48 | span { |
| 45 | display: inline-block; | 49 | display: inline-block; |
| 46 | vertical-align: middle; | 50 | vertical-align: middle; |
| 47 | } | 51 | } |
| 52 | + | ||
| 48 | .tb-bundle-system { | 53 | .tb-bundle-system { |
| 49 | - font-size: 0.8rem; | ||
| 50 | - opacity: 0.8; | ||
| 51 | float: right; | 54 | float: right; |
| 55 | + font-size: .8rem; | ||
| 56 | + opacity: .8; | ||
| 52 | } | 57 | } |
| 53 | } | 58 | } |
| 59 | + | ||
| 54 | md-option { | 60 | md-option { |
| 55 | height: auto !important; | 61 | height: auto !important; |
| 56 | white-space: normal !important; | 62 | white-space: normal !important; |
| @@ -60,19 +66,23 @@ tb-widgets-bundle-select, .tb-widgets-bundle-select { | @@ -60,19 +66,23 @@ tb-widgets-bundle-select, .tb-widgets-bundle-select { | ||
| 60 | md-toolbar { | 66 | md-toolbar { |
| 61 | tb-widgets-bundle-select { | 67 | tb-widgets-bundle-select { |
| 62 | md-select { | 68 | md-select { |
| 63 | - background: rgba(255,255,255,0.2); | 69 | + background: rgba(255, 255, 255, .2); |
| 70 | + | ||
| 64 | .md-select-value { | 71 | .md-select-value { |
| 65 | - color: #fff; | ||
| 66 | font-size: 1.2rem; | 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 | .md-select-value.md-select-placeholder { | 80 | .md-select-value.md-select-placeholder { |
| 72 | color: #fff; | 81 | color: #fff; |
| 73 | - opacity: 0.8; | 82 | + opacity: .8; |
| 74 | } | 83 | } |
| 75 | } | 84 | } |
| 85 | + | ||
| 76 | md-select.ng-invalid.ng-touched { | 86 | md-select.ng-invalid.ng-touched { |
| 77 | .md-select-value { | 87 | .md-select-value { |
| 78 | color: #fff !important; | 88 | color: #fff !important; |
| @@ -13,14 +13,15 @@ | @@ -13,14 +13,15 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-dashboard-assigned-customers { | 17 | .tb-dashboard-assigned-customers { |
| 17 | display: block; | 18 | display: block; |
| 18 | display: -webkit-box; | 19 | display: -webkit-box; |
| 19 | height: 34px; | 20 | height: 34px; |
| 21 | + margin-bottom: 4px; | ||
| 20 | overflow: hidden; | 22 | overflow: hidden; |
| 21 | text-overflow: ellipsis; | 23 | text-overflow: ellipsis; |
| 22 | -webkit-line-clamp: 2; | 24 | -webkit-line-clamp: 2; |
| 23 | -webkit-box-orient: vertical; | 25 | -webkit-box-orient: vertical; |
| 24 | - margin-bottom: 4px; | ||
| 25 | } | 26 | } |
| 26 | 27 |
| @@ -13,50 +13,54 @@ | @@ -13,50 +13,54 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -$previewSize: 100px; | 16 | +$previewSize: 100px !default; |
| 17 | 17 | ||
| 18 | .tb-image-select-container { | 18 | .tb-image-select-container { |
| 19 | position: relative; | 19 | position: relative; |
| 20 | - height: $previewSize; | ||
| 21 | width: 100%; | 20 | width: 100%; |
| 21 | + height: $previewSize; | ||
| 22 | } | 22 | } |
| 23 | 23 | ||
| 24 | .tb-image-preview { | 24 | .tb-image-preview { |
| 25 | - max-width: $previewSize; | ||
| 26 | - max-height: $previewSize; | ||
| 27 | width: auto; | 25 | width: auto; |
| 26 | + max-width: $previewSize; | ||
| 28 | height: auto; | 27 | height: auto; |
| 28 | + max-height: $previewSize; | ||
| 29 | } | 29 | } |
| 30 | 30 | ||
| 31 | .tb-image-preview-container { | 31 | .tb-image-preview-container { |
| 32 | position: relative; | 32 | position: relative; |
| 33 | + float: left; | ||
| 33 | width: $previewSize; | 34 | width: $previewSize; |
| 34 | height: $previewSize; | 35 | height: $previewSize; |
| 35 | margin-right: 12px; | 36 | margin-right: 12px; |
| 36 | - border: solid 1px; | ||
| 37 | vertical-align: top; | 37 | vertical-align: top; |
| 38 | - float: left; | 38 | + border: solid 1px; |
| 39 | + | ||
| 39 | div { | 40 | div { |
| 40 | width: 100%; | 41 | width: 100%; |
| 41 | font-size: 18px; | 42 | font-size: 18px; |
| 42 | text-align: center; | 43 | text-align: center; |
| 43 | } | 44 | } |
| 44 | - div, .tb-image-preview { | 45 | + |
| 46 | + div, | ||
| 47 | + .tb-image-preview { | ||
| 45 | position: absolute; | 48 | position: absolute; |
| 46 | top: 50%; | 49 | top: 50%; |
| 47 | left: 50%; | 50 | left: 50%; |
| 48 | - transform: translate(-50%,-50%); | 51 | + transform: translate(-50%, -50%); |
| 49 | } | 52 | } |
| 50 | } | 53 | } |
| 51 | 54 | ||
| 52 | .tb-image-clear-container { | 55 | .tb-image-clear-container { |
| 53 | - width: 48px; | ||
| 54 | - height: $previewSize; | ||
| 55 | position: relative; | 56 | position: relative; |
| 56 | float: right; | 57 | float: right; |
| 58 | + width: 48px; | ||
| 59 | + height: $previewSize; | ||
| 57 | } | 60 | } |
| 61 | + | ||
| 58 | .tb-image-clear-btn { | 62 | .tb-image-clear-btn { |
| 59 | position: absolute !important; | 63 | position: absolute !important; |
| 60 | top: 50%; | 64 | top: 50%; |
| 61 | - transform: translate(0%,-50%) !important; | 65 | + transform: translate(0%, -50%) !important; |
| 62 | } | 66 | } |
| @@ -14,13 +14,14 @@ | @@ -14,13 +14,14 @@ | ||
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | @import "~compass-sass-mixins/lib/compass"; | 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 | tb-dashboard-toolbar { | 26 | tb-dashboard-toolbar { |
| 26 | md-fab-toolbar { | 27 | md-fab-toolbar { |
| @@ -29,126 +30,156 @@ tb-dashboard-toolbar { | @@ -29,126 +30,156 @@ tb-dashboard-toolbar { | ||
| 29 | .md-button { | 30 | .md-button { |
| 30 | &.md-fab { | 31 | &.md-fab { |
| 31 | opacity: 1; | 32 | opacity: 1; |
| 33 | + | ||
| 32 | @include transition(opacity .3s cubic-bezier(.55,0,.55,.2)); | 34 | @include transition(opacity .3s cubic-bezier(.55,0,.55,.2)); |
| 35 | + | ||
| 33 | .md-fab-toolbar-background { | 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 | md-fab-trigger { | 44 | md-fab-trigger { |
| 41 | .md-button { | 45 | .md-button { |
| 42 | &.md-fab { | 46 | &.md-fab { |
| 43 | - line-height: 36px; | ||
| 44 | width: 36px; | 47 | width: 36px; |
| 45 | height: 36px; | 48 | height: 36px; |
| 46 | margin: 4px 0 0 4px; | 49 | margin: 4px 0 0 4px; |
| 47 | - opacity: 0.5; | 50 | + line-height: 36px; |
| 51 | + opacity: .5; | ||
| 52 | + | ||
| 48 | @include transition(opacity .3s cubic-bezier(.55,0,.55,.2) .2s); | 53 | @include transition(opacity .3s cubic-bezier(.55,0,.55,.2) .2s); |
| 54 | + | ||
| 49 | md-icon { | 55 | md-icon { |
| 50 | position: absolute; | 56 | position: absolute; |
| 51 | top: 25%; | 57 | top: 25%; |
| 52 | - margin: 0; | ||
| 53 | - line-height: 18px; | ||
| 54 | - height: 18px; | ||
| 55 | width: 18px; | 58 | width: 18px; |
| 56 | - min-height: 18px; | ||
| 57 | min-width: 18px; | 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 | &.is-fullscreen { | 69 | &.is-fullscreen { |
| 63 | &.md-is-open { | 70 | &.md-is-open { |
| 64 | md-fab-trigger { | 71 | md-fab-trigger { |
| 65 | .md-button { | 72 | .md-button { |
| 66 | &.md-fab { | 73 | &.md-fab { |
| 67 | .md-fab-toolbar-background { | 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 | .md-fab-toolbar-wrapper { | 83 | .md-fab-toolbar-wrapper { |
| 76 | height: $mobile-toolbar-height-total; | 84 | height: $mobile-toolbar-height-total; |
| 85 | + | ||
| 77 | @media (min-width: $layout-breakpoint-sm) { | 86 | @media (min-width: $layout-breakpoint-sm) { |
| 78 | height: $fullscreen-toolbar-height; | 87 | height: $fullscreen-toolbar-height; |
| 79 | } | 88 | } |
| 89 | + | ||
| 80 | md-toolbar { | 90 | md-toolbar { |
| 81 | - min-height: $mobile-toolbar-height; | ||
| 82 | height: $mobile-toolbar-height; | 91 | height: $mobile-toolbar-height; |
| 92 | + min-height: $mobile-toolbar-height; | ||
| 93 | + | ||
| 83 | @media (min-width: $layout-breakpoint-sm) { | 94 | @media (min-width: $layout-breakpoint-sm) { |
| 84 | - min-height: $fullscreen-toolbar-height; | ||
| 85 | height: $fullscreen-toolbar-height; | 95 | height: $fullscreen-toolbar-height; |
| 96 | + min-height: $fullscreen-toolbar-height; | ||
| 86 | } | 97 | } |
| 87 | } | 98 | } |
| 88 | } | 99 | } |
| 89 | } | 100 | } |
| 101 | + | ||
| 90 | .md-fab-toolbar-wrapper { | 102 | .md-fab-toolbar-wrapper { |
| 91 | height: $mobile-toolbar-height-total; | 103 | height: $mobile-toolbar-height-total; |
| 104 | + | ||
| 92 | @media (min-width: $layout-breakpoint-sm) { | 105 | @media (min-width: $layout-breakpoint-sm) { |
| 93 | height: $toolbar-height; | 106 | height: $toolbar-height; |
| 94 | } | 107 | } |
| 108 | + | ||
| 95 | md-toolbar { | 109 | md-toolbar { |
| 96 | - min-height: $mobile-toolbar-height; | ||
| 97 | height: $mobile-toolbar-height; | 110 | height: $mobile-toolbar-height; |
| 111 | + min-height: $mobile-toolbar-height; | ||
| 112 | + | ||
| 98 | @media (min-width: $layout-breakpoint-sm) { | 113 | @media (min-width: $layout-breakpoint-sm) { |
| 99 | - min-height: $toolbar-height; | ||
| 100 | height: $toolbar-height; | 114 | height: $toolbar-height; |
| 115 | + min-height: $toolbar-height; | ||
| 101 | } | 116 | } |
| 117 | + | ||
| 102 | md-fab-actions { | 118 | md-fab-actions { |
| 119 | + margin-top: 0; | ||
| 103 | font-size: 16px; | 120 | font-size: 16px; |
| 104 | - margin-top: 0px; | 121 | + |
| 105 | @media (max-width: $layout-breakpoint-sm) { | 122 | @media (max-width: $layout-breakpoint-sm) { |
| 106 | height: $mobile-toolbar-height; | 123 | height: $mobile-toolbar-height; |
| 107 | max-height: $mobile-toolbar-height; | 124 | max-height: $mobile-toolbar-height; |
| 108 | } | 125 | } |
| 126 | + | ||
| 109 | .close-action { | 127 | .close-action { |
| 110 | margin-right: -18px; | 128 | margin-right: -18px; |
| 111 | } | 129 | } |
| 130 | + | ||
| 112 | .md-fab-action-item { | 131 | .md-fab-action-item { |
| 113 | width: 100%; | 132 | width: 100%; |
| 114 | height: $mobile-toolbar-height; | 133 | height: $mobile-toolbar-height; |
| 134 | + | ||
| 115 | @media (min-width: $layout-breakpoint-sm) { | 135 | @media (min-width: $layout-breakpoint-sm) { |
| 116 | height: 46px; | 136 | height: 46px; |
| 117 | } | 137 | } |
| 138 | + | ||
| 118 | .tb-dashboard-action-panels { | 139 | .tb-dashboard-action-panels { |
| 140 | + flex-direction: column-reverse; | ||
| 119 | height: $mobile-toolbar-height; | 141 | height: $mobile-toolbar-height; |
| 142 | + | ||
| 120 | @media (min-width: $layout-breakpoint-sm) { | 143 | @media (min-width: $layout-breakpoint-sm) { |
| 121 | height: 46px; | 144 | height: 46px; |
| 122 | } | 145 | } |
| 123 | - flex-direction: column-reverse; | 146 | + |
| 124 | @media (min-width: $layout-breakpoint-sm) { | 147 | @media (min-width: $layout-breakpoint-sm) { |
| 125 | flex-direction: row-reverse; | 148 | flex-direction: row-reverse; |
| 126 | } | 149 | } |
| 150 | + | ||
| 127 | .tb-dashboard-action-panel { | 151 | .tb-dashboard-action-panel { |
| 128 | - min-width: 0px; | 152 | + flex-direction: row-reverse; |
| 153 | + min-width: 0; | ||
| 129 | height: $half-mobile-toolbar-height; | 154 | height: $half-mobile-toolbar-height; |
| 155 | + | ||
| 130 | @media (min-width: $layout-breakpoint-sm) { | 156 | @media (min-width: $layout-breakpoint-sm) { |
| 131 | height: 46px; | 157 | height: 46px; |
| 132 | } | 158 | } |
| 133 | - flex-direction: row-reverse; | 159 | + |
| 134 | div { | 160 | div { |
| 135 | height: $half-mobile-toolbar-height; | 161 | height: $half-mobile-toolbar-height; |
| 162 | + | ||
| 136 | @media (min-width: $layout-breakpoint-sm) { | 163 | @media (min-width: $layout-breakpoint-sm) { |
| 137 | height: 46px; | 164 | height: 46px; |
| 138 | } | 165 | } |
| 139 | } | 166 | } |
| 167 | + | ||
| 140 | md-select { | 168 | md-select { |
| 141 | pointer-events: all; | 169 | pointer-events: all; |
| 142 | } | 170 | } |
| 171 | + | ||
| 143 | tb-states-component { | 172 | tb-states-component { |
| 144 | pointer-events: all; | 173 | pointer-events: all; |
| 145 | } | 174 | } |
| 175 | + | ||
| 146 | button.md-icon-button { | 176 | button.md-icon-button { |
| 147 | min-width: 40px; | 177 | min-width: 40px; |
| 178 | + | ||
| 148 | @media (max-width: $layout-breakpoint-sm) { | 179 | @media (max-width: $layout-breakpoint-sm) { |
| 149 | min-width: 28px; | 180 | min-width: 28px; |
| 150 | - margin: 0px; | ||
| 151 | padding: 2px; | 181 | padding: 2px; |
| 182 | + margin: 0; | ||
| 152 | } | 183 | } |
| 153 | } | 184 | } |
| 154 | } | 185 | } |
| @@ -158,4 +189,4 @@ tb-dashboard-toolbar { | @@ -158,4 +189,4 @@ tb-dashboard-toolbar { | ||
| 158 | } | 189 | } |
| 159 | } | 190 | } |
| 160 | } | 191 | } |
| 161 | -} | ||
| 192 | +} |
| @@ -14,11 +14,12 @@ | @@ -14,11 +14,12 @@ | ||
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | @import "~compass-sass-mixins/lib/compass"; | 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 | section.tb-dashboard-title { | 24 | section.tb-dashboard-title { |
| 24 | position: absolute; | 25 | position: absolute; |
| @@ -27,10 +28,10 @@ section.tb-dashboard-title { | @@ -27,10 +28,10 @@ section.tb-dashboard-title { | ||
| 27 | } | 28 | } |
| 28 | 29 | ||
| 29 | input.tb-dashboard-title { | 30 | input.tb-dashboard-title { |
| 30 | - font-size: 2.000rem; | ||
| 31 | - font-weight: 500; | ||
| 32 | - letter-spacing: 0.005em; | ||
| 33 | height: 38px; | 31 | height: 38px; |
| 32 | + font-size: 2rem; | ||
| 33 | + font-weight: 500; | ||
| 34 | + letter-spacing: .005em; | ||
| 34 | } | 35 | } |
| 35 | 36 | ||
| 36 | div.tb-padded { | 37 | div.tb-padded { |
| @@ -50,9 +51,11 @@ tb-details-sidenav.tb-widget-details-sidenav { | @@ -50,9 +51,11 @@ tb-details-sidenav.tb-widget-details-sidenav { | ||
| 50 | @media (min-width: $layout-breakpoint-sm) { | 51 | @media (min-width: $layout-breakpoint-sm) { |
| 51 | width: 85% !important; | 52 | width: 85% !important; |
| 52 | } | 53 | } |
| 54 | + | ||
| 53 | @media (min-width: $layout-breakpoint-md) { | 55 | @media (min-width: $layout-breakpoint-md) { |
| 54 | width: 75% !important; | 56 | width: 75% !important; |
| 55 | } | 57 | } |
| 58 | + | ||
| 56 | @media (min-width: $layout-breakpoint-lg) { | 59 | @media (min-width: $layout-breakpoint-lg) { |
| 57 | width: 60% !important; | 60 | width: 60% !important; |
| 58 | } | 61 | } |
| @@ -65,47 +68,55 @@ tb-details-sidenav.tb-widget-details-sidenav { | @@ -65,47 +68,55 @@ tb-details-sidenav.tb-widget-details-sidenav { | ||
| 65 | 68 | ||
| 66 | section.tb-dashboard-toolbar { | 69 | section.tb-dashboard-toolbar { |
| 67 | position: absolute; | 70 | position: absolute; |
| 68 | - top: 0px; | ||
| 69 | - left: 0px; | 71 | + top: 0; |
| 72 | + left: 0; | ||
| 70 | z-index: 13; | 73 | z-index: 13; |
| 71 | pointer-events: none; | 74 | pointer-events: none; |
| 75 | + | ||
| 72 | &.tb-dashboard-toolbar-opened { | 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 | &.tb-dashboard-toolbar-closed { | 81 | &.tb-dashboard-toolbar-closed { |
| 77 | right: 18px; | 82 | right: 18px; |
| 83 | + | ||
| 78 | @include transition(right .3s cubic-bezier(.55,0,.55,.2) .2s); | 84 | @include transition(right .3s cubic-bezier(.55,0,.55,.2) .2s); |
| 79 | } | 85 | } |
| 80 | } | 86 | } |
| 81 | 87 | ||
| 82 | .tb-dashboard-container { | 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 | .tb-dashboard-layouts { | 115 | .tb-dashboard-layouts { |
| 103 | md-backdrop { | 116 | md-backdrop { |
| 104 | z-index: 1; | 117 | z-index: 1; |
| 105 | } | 118 | } |
| 106 | - #tb-main-layout { | ||
| 107 | 119 | ||
| 108 | - } | ||
| 109 | #tb-right-layout { | 120 | #tb-right-layout { |
| 110 | md-sidenav { | 121 | md-sidenav { |
| 111 | z-index: 1; | 122 | z-index: 1; |
| @@ -124,13 +135,15 @@ section.tb-powered-by-footer { | @@ -124,13 +135,15 @@ section.tb-powered-by-footer { | ||
| 124 | bottom: 5px; | 135 | bottom: 5px; |
| 125 | z-index: 3; | 136 | z-index: 3; |
| 126 | pointer-events: none; | 137 | pointer-events: none; |
| 138 | + | ||
| 127 | span { | 139 | span { |
| 128 | font-size: 12px; | 140 | font-size: 12px; |
| 141 | + | ||
| 129 | a { | 142 | a { |
| 130 | - font-weight: bold; | 143 | + font-weight: 700; |
| 131 | text-decoration: none; | 144 | text-decoration: none; |
| 132 | - border: none; | ||
| 133 | pointer-events: all; | 145 | pointer-events: all; |
| 146 | + border: none; | ||
| 134 | } | 147 | } |
| 135 | } | 148 | } |
| 136 | } | 149 | } |
| @@ -13,6 +13,7 @@ | @@ -13,6 +13,7 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | md-select.default-state-controller { | 17 | md-select.default-state-controller { |
| 17 | - margin: 0px; | ||
| 18 | -} | ||
| 18 | + margin: 0; | ||
| 19 | +} |
| @@ -13,34 +13,37 @@ | @@ -13,34 +13,37 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -@import '../../../scss/constants'; | 16 | +@import "../../../scss/constants"; |
| 17 | 17 | ||
| 18 | tb-states-component { | 18 | tb-states-component { |
| 19 | - min-width: 0px; | 19 | + min-width: 0; |
| 20 | } | 20 | } |
| 21 | 21 | ||
| 22 | .entity-state-controller { | 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 | -} | ||
| 48 | + } | ||
| 49 | +} |
| @@ -13,21 +13,22 @@ | @@ -13,21 +13,22 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .manage-dashboard-states { | 17 | .manage-dashboard-states { |
| 17 | table.md-table { | 18 | table.md-table { |
| 18 | tbody { | 19 | tbody { |
| 19 | tr { | 20 | tr { |
| 20 | td { | 21 | td { |
| 21 | &.tb-action-cell { | 22 | &.tb-action-cell { |
| 23 | + width: 100px; | ||
| 24 | + min-width: 100px; | ||
| 25 | + max-width: 100px; | ||
| 22 | overflow: hidden; | 26 | overflow: hidden; |
| 23 | text-overflow: ellipsis; | 27 | text-overflow: ellipsis; |
| 24 | white-space: nowrap; | 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 | -} | ||
| 34 | +} |
| @@ -13,7 +13,7 @@ | @@ -13,7 +13,7 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -@import '../../../scss/constants'; | 16 | +@import "../../../scss/constants"; |
| 17 | 17 | ||
| 18 | tb-aliases-entity-select { | 18 | tb-aliases-entity-select { |
| 19 | min-width: 52px; | 19 | min-width: 52px; |
| @@ -26,18 +26,21 @@ tb-aliases-entity-select { | @@ -26,18 +26,21 @@ tb-aliases-entity-select { | ||
| 26 | } | 26 | } |
| 27 | 27 | ||
| 28 | .tb-aliases-entity-select-panel { | 28 | .tb-aliases-entity-select-panel { |
| 29 | + min-width: 300px; | ||
| 29 | max-height: 150px; | 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 | @media (min-height: 350px) { | 40 | @media (min-height: 350px) { |
| 31 | max-height: 250px; | 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 | md-content { | 44 | md-content { |
| 42 | background-color: #fff; | 45 | background-color: #fff; |
| 43 | } | 46 | } |
| @@ -46,15 +49,17 @@ tb-aliases-entity-select { | @@ -46,15 +49,17 @@ tb-aliases-entity-select { | ||
| 46 | section.tb-aliases-entity-select { | 49 | section.tb-aliases-entity-select { |
| 47 | min-height: 32px; | 50 | min-height: 32px; |
| 48 | padding: 0 6px; | 51 | padding: 0 6px; |
| 52 | + | ||
| 49 | @media (max-width: $layout-breakpoint-sm) { | 53 | @media (max-width: $layout-breakpoint-sm) { |
| 50 | - padding: 0px; | 54 | + padding: 0; |
| 51 | } | 55 | } |
| 56 | + | ||
| 52 | span { | 57 | span { |
| 53 | max-width: 200px; | 58 | max-width: 200px; |
| 54 | - pointer-events: all; | ||
| 55 | - cursor: pointer; | ||
| 56 | overflow: hidden; | 59 | overflow: hidden; |
| 57 | text-overflow: ellipsis; | 60 | text-overflow: ellipsis; |
| 58 | white-space: nowrap; | 61 | white-space: nowrap; |
| 62 | + pointer-events: all; | ||
| 63 | + cursor: pointer; | ||
| 59 | } | 64 | } |
| 60 | } | 65 | } |
| @@ -13,14 +13,17 @@ | @@ -13,14 +13,17 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-entity-alias-dialog { | 17 | .tb-entity-alias-dialog { |
| 17 | .tb-resolve-multiple-switch { | 18 | .tb-resolve-multiple-switch { |
| 18 | padding-left: 10px; | 19 | padding-left: 10px; |
| 20 | + | ||
| 19 | .resolve-multiple-switch { | 21 | .resolve-multiple-switch { |
| 20 | margin: 0; | 22 | margin: 0; |
| 21 | } | 23 | } |
| 24 | + | ||
| 22 | .resolve-multiple-label { | 25 | .resolve-multiple-label { |
| 23 | margin: 5px 0; | 26 | margin: 5px 0; |
| 24 | } | 27 | } |
| 25 | } | 28 | } |
| 26 | -} | ||
| 29 | +} |
| @@ -13,35 +13,43 @@ | @@ -13,35 +13,43 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-aliases-dialog { | 17 | .tb-aliases-dialog { |
| 17 | .md-dialog-content { | 18 | .md-dialog-content { |
| 18 | - padding-bottom: 0px; | ||
| 19 | - padding-top: 0px; | 19 | + padding-top: 0; |
| 20 | + padding-bottom: 0; | ||
| 20 | } | 21 | } |
| 22 | + | ||
| 21 | .tb-aliases-header { | 23 | .tb-aliases-header { |
| 22 | min-height: 40px; | 24 | min-height: 40px; |
| 23 | padding: 0 34px 0 34px; | 25 | padding: 0 34px 0 34px; |
| 24 | margin: 5px; | 26 | margin: 5px; |
| 27 | + | ||
| 25 | .tb-header-label { | 28 | .tb-header-label { |
| 26 | font-size: 14px; | 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 | .tb-alias { | 34 | .tb-alias { |
| 31 | padding: 0 0 0 10px; | 35 | padding: 0 0 0 10px; |
| 32 | margin: 5px; | 36 | margin: 5px; |
| 37 | + | ||
| 33 | md-input-container { | 38 | md-input-container { |
| 34 | - margin: 0px; | 39 | + margin: 0; |
| 35 | } | 40 | } |
| 41 | + | ||
| 36 | .tb-resolve-multiple-switch { | 42 | .tb-resolve-multiple-switch { |
| 37 | padding-left: 10px; | 43 | padding-left: 10px; |
| 44 | + | ||
| 38 | .resolve-multiple-switch { | 45 | .resolve-multiple-switch { |
| 39 | margin: 0; | 46 | margin: 0; |
| 40 | } | 47 | } |
| 41 | } | 48 | } |
| 49 | + | ||
| 42 | .md-button { | 50 | .md-button { |
| 43 | &.md-icon-button { | 51 | &.md-icon-button { |
| 44 | - margin: 0px; | 52 | + margin: 0; |
| 45 | } | 53 | } |
| 46 | } | 54 | } |
| 47 | } | 55 | } |
| @@ -13,46 +13,48 @@ | @@ -13,46 +13,48 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 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 | md-toolbar.md-table-toolbar.alternate { | 21 | md-toolbar.md-table-toolbar.alternate { |
| 22 | .md-toolbar-tools { | 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 | .md-table { | 29 | .md-table { |
| 30 | &.tb-attribute-table { | 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 | .md-cell { | 40 | .md-cell { |
| 39 | ng-md-icon { | 41 | ng-md-icon { |
| 40 | - fill: $md-edit-icon-fill; | ||
| 41 | float: right; | 42 | float: right; |
| 42 | height: 16px; | 43 | height: 16px; |
| 44 | + fill: $md-edit-icon-fill; | ||
| 43 | } | 45 | } |
| 44 | } | 46 | } |
| 45 | } | 47 | } |
| 46 | 48 | ||
| 47 | .widgets-carousel { | 49 | .widgets-carousel { |
| 48 | position: relative; | 50 | position: relative; |
| 49 | - margin: 0px; | ||
| 50 | height: calc(100% - 100px); | 51 | height: calc(100% - 100px); |
| 51 | min-height: 150px !important; | 52 | min-height: 150px !important; |
| 53 | + margin: 0; | ||
| 52 | 54 | ||
| 53 | tb-dashboard { | 55 | tb-dashboard { |
| 54 | #gridster-parent { | 56 | #gridster-parent { |
| 55 | padding: 0 7px; | 57 | padding: 0 7px; |
| 56 | } | 58 | } |
| 57 | } | 59 | } |
| 58 | -} | ||
| 60 | +} |
| @@ -13,11 +13,13 @@ | @@ -13,11 +13,13 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-entity-autocomplete { | 17 | .tb-entity-autocomplete { |
| 17 | .tb-entity-item { | 18 | .tb-entity-item { |
| 18 | display: block; | 19 | display: block; |
| 19 | height: 48px; | 20 | height: 48px; |
| 20 | } | 21 | } |
| 22 | + | ||
| 21 | li { | 23 | li { |
| 22 | height: auto !important; | 24 | height: auto !important; |
| 23 | white-space: normal !important; | 25 | white-space: normal !important; |
| @@ -13,20 +13,23 @@ | @@ -13,20 +13,23 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-entity-filter-view { | 17 | .tb-entity-filter-view { |
| 17 | .entity-filter-empty { | 18 | .entity-filter-empty { |
| 18 | - color: rgba(221, 44, 0, 0.87); | ||
| 19 | font-size: 14px; | 19 | font-size: 14px; |
| 20 | line-height: 16px; | 20 | line-height: 16px; |
| 21 | + color: rgba(221, 44, 0, .87); | ||
| 21 | } | 22 | } |
| 23 | + | ||
| 22 | .entity-filter-type { | 24 | .entity-filter-type { |
| 23 | font-size: 14px; | 25 | font-size: 14px; |
| 24 | line-height: 16px; | 26 | line-height: 16px; |
| 25 | - color: rgba(0, 0, 0, 0.570588); | 27 | + color: rgba(0, 0, 0, .570588); |
| 26 | } | 28 | } |
| 29 | + | ||
| 27 | .entity-filter-value { | 30 | .entity-filter-value { |
| 28 | font-size: 14px; | 31 | font-size: 14px; |
| 29 | line-height: 16px; | 32 | line-height: 16px; |
| 30 | - color: rgba(0, 0, 0, 0.570588); | 33 | + color: rgba(0, 0, 0, .570588); |
| 31 | } | 34 | } |
| 32 | -} | ||
| 35 | +} |
| @@ -13,10 +13,11 @@ | @@ -13,10 +13,11 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -.tb-entity-filter { | ||
| 17 | 16 | ||
| 17 | +.tb-entity-filter { | ||
| 18 | #relationsQueryFilter { | 18 | #relationsQueryFilter { |
| 19 | padding-top: 20px; | 19 | padding-top: 20px; |
| 20 | + | ||
| 20 | tb-entity-select { | 21 | tb-entity-select { |
| 21 | min-height: 92px; | 22 | min-height: 92px; |
| 22 | } | 23 | } |
| @@ -24,12 +25,13 @@ | @@ -24,12 +25,13 @@ | ||
| 24 | 25 | ||
| 25 | .tb-root-state-entity-switch { | 26 | .tb-root-state-entity-switch { |
| 26 | padding-left: 10px; | 27 | padding-left: 10px; |
| 28 | + | ||
| 27 | .root-state-entity-switch { | 29 | .root-state-entity-switch { |
| 28 | margin: 0; | 30 | margin: 0; |
| 29 | } | 31 | } |
| 32 | + | ||
| 30 | .root-state-entity-label { | 33 | .root-state-entity-label { |
| 31 | margin: 5px 0; | 34 | margin: 5px 0; |
| 32 | } | 35 | } |
| 33 | } | 36 | } |
| 34 | - | ||
| 35 | -} | ||
| 37 | +} |
| @@ -13,7 +13,9 @@ | @@ -13,7 +13,9 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -/*.tb-entity-list { | 16 | + |
| 17 | +/* | ||
| 18 | +.tb-entity-list { | ||
| 17 | #entity_list_chips { | 19 | #entity_list_chips { |
| 18 | .md-chips { | 20 | .md-chips { |
| 19 | padding-bottom: 1px; | 21 | padding-bottom: 1px; |
| @@ -26,4 +28,5 @@ | @@ -26,4 +28,5 @@ | ||
| 26 | padding-left: 1px; | 28 | padding-left: 1px; |
| 27 | } | 29 | } |
| 28 | } | 30 | } |
| 29 | -}*/ | ||
| 31 | +} | ||
| 32 | +*/ |
| @@ -13,6 +13,8 @@ | @@ -13,6 +13,8 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -.tb-entity-select { | ||
| 17 | 16 | ||
| 18 | -} | ||
| 17 | +/* | ||
| 18 | +.tb-entity-select { | ||
| 19 | +} | ||
| 20 | +*/ |
| @@ -13,11 +13,13 @@ | @@ -13,11 +13,13 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-entity-subtype-autocomplete { | 17 | .tb-entity-subtype-autocomplete { |
| 17 | .tb-entity-subtype-item { | 18 | .tb-entity-subtype-item { |
| 18 | display: block; | 19 | display: block; |
| 19 | height: 48px; | 20 | height: 48px; |
| 20 | } | 21 | } |
| 22 | + | ||
| 21 | li { | 23 | li { |
| 22 | height: auto !important; | 24 | height: auto !important; |
| 23 | white-space: normal !important; | 25 | white-space: normal !important; |
| @@ -13,7 +13,9 @@ | @@ -13,7 +13,9 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -/*.tb-entity-subtype-list { | 16 | + |
| 17 | +/* | ||
| 18 | +.tb-entity-subtype-list { | ||
| 17 | #entity_subtype_list_chips { | 19 | #entity_subtype_list_chips { |
| 18 | .md-chips { | 20 | .md-chips { |
| 19 | padding-bottom: 1px; | 21 | padding-bottom: 1px; |
| @@ -26,4 +28,5 @@ | @@ -26,4 +28,5 @@ | ||
| 26 | padding-left: 1px; | 28 | padding-left: 1px; |
| 27 | } | 29 | } |
| 28 | } | 30 | } |
| 29 | -}*/ | 31 | +} |
| 32 | +*/ |
| @@ -13,6 +13,7 @@ | @@ -13,6 +13,7 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | md-select.tb-entity-subtype-select { | 17 | md-select.tb-entity-subtype-select { |
| 17 | min-width: 200px; | 18 | min-width: 200px; |
| 18 | } | 19 | } |
| @@ -13,7 +13,9 @@ | @@ -13,7 +13,9 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -/*.tb-entity-type-list { | 16 | + |
| 17 | +/* | ||
| 18 | +.tb-entity-type-list { | ||
| 17 | #entity_type_list_chips { | 19 | #entity_type_list_chips { |
| 18 | .md-chips { | 20 | .md-chips { |
| 19 | padding-bottom: 1px; | 21 | padding-bottom: 1px; |
| @@ -26,4 +28,5 @@ | @@ -26,4 +28,5 @@ | ||
| 26 | padding-left: 1px; | 28 | padding-left: 1px; |
| 27 | } | 29 | } |
| 28 | } | 30 | } |
| 29 | -}*/ | ||
| 31 | +} | ||
| 32 | +*/ |
| @@ -13,5 +13,8 @@ | @@ -13,5 +13,8 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 17 | +/* | ||
| 16 | md-select.tb-entity-type-select { | 18 | md-select.tb-entity-type-select { |
| 17 | } | 19 | } |
| 20 | +*/ |
| @@ -13,14 +13,16 @@ | @@ -13,14 +13,16 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-relation-additional-info-panel { | 17 | .tb-relation-additional-info-panel { |
| 17 | - margin-left: 15px; | ||
| 18 | - border: 1px solid #C0C0C0; | ||
| 19 | height: 100%; | 18 | height: 100%; |
| 19 | + margin-left: 15px; | ||
| 20 | + border: 1px solid #c0c0c0; | ||
| 21 | + | ||
| 20 | #tb-relation-additional-info { | 22 | #tb-relation-additional-info { |
| 21 | - min-width: 200px; | ||
| 22 | - min-height: 200px; | ||
| 23 | width: 100%; | 23 | width: 100%; |
| 24 | + min-width: 200px; | ||
| 24 | height: 100%; | 25 | height: 100%; |
| 26 | + min-height: 200px; | ||
| 25 | } | 27 | } |
| 26 | } | 28 | } |
| @@ -13,32 +13,37 @@ | @@ -13,32 +13,37 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-relation-filters { | 17 | .tb-relation-filters { |
| 17 | .header { | 18 | .header { |
| 18 | - padding-left: 5px; | ||
| 19 | padding-right: 5px; | 19 | padding-right: 5px; |
| 20 | padding-bottom: 5px; | 20 | padding-bottom: 5px; |
| 21 | + padding-left: 5px; | ||
| 22 | + | ||
| 21 | .cell { | 23 | .cell { |
| 22 | - padding-left: 5px; | ||
| 23 | padding-right: 5px; | 24 | padding-right: 5px; |
| 24 | - color: rgba(0,0,0,.54); | 25 | + padding-left: 5px; |
| 25 | font-size: 12px; | 26 | font-size: 12px; |
| 26 | font-weight: 700; | 27 | font-weight: 700; |
| 28 | + color: rgba(0, 0, 0, .54); | ||
| 27 | white-space: nowrap; | 29 | white-space: nowrap; |
| 28 | } | 30 | } |
| 29 | } | 31 | } |
| 32 | + | ||
| 30 | .body { | 33 | .body { |
| 31 | - padding-left: 5px; | ||
| 32 | - padding-right: 5px; | ||
| 33 | max-height: 300px; | 34 | max-height: 300px; |
| 34 | - overflow: auto; | 35 | + padding-right: 5px; |
| 35 | padding-bottom: 20px; | 36 | padding-bottom: 20px; |
| 37 | + padding-left: 5px; | ||
| 38 | + overflow: auto; | ||
| 39 | + | ||
| 36 | .row { | 40 | .row { |
| 37 | padding-top: 5px; | 41 | padding-top: 5px; |
| 38 | } | 42 | } |
| 43 | + | ||
| 39 | .cell { | 44 | .cell { |
| 40 | - padding-left: 5px; | ||
| 41 | padding-right: 5px; | 45 | padding-right: 5px; |
| 46 | + padding-left: 5px; | ||
| 42 | 47 | ||
| 43 | md-select { | 48 | md-select { |
| 44 | margin: 0 0 24px; | 49 | margin: 0 0 24px; |
| @@ -49,25 +54,27 @@ | @@ -49,25 +54,27 @@ | ||
| 49 | } | 54 | } |
| 50 | 55 | ||
| 51 | md-chips-wrap { | 56 | md-chips-wrap { |
| 52 | - padding: 0px; | 57 | + padding: 0; |
| 53 | margin: 0 0 24px; | 58 | margin: 0 0 24px; |
| 59 | + | ||
| 54 | md-autocomplete { | 60 | md-autocomplete { |
| 55 | height: 30px; | 61 | height: 30px; |
| 62 | + | ||
| 56 | md-autocomplete-wrap { | 63 | md-autocomplete-wrap { |
| 57 | height: 30px; | 64 | height: 30px; |
| 58 | } | 65 | } |
| 59 | } | 66 | } |
| 60 | } | 67 | } |
| 68 | + | ||
| 61 | .md-chips .md-chip-input-container input { | 69 | .md-chips .md-chip-input-container input { |
| 62 | - padding: 2px 2px 2px; | ||
| 63 | height: 26px; | 70 | height: 26px; |
| 71 | + padding: 2px 2px 2px; | ||
| 64 | line-height: 26px; | 72 | line-height: 26px; |
| 65 | } | 73 | } |
| 66 | - | ||
| 67 | } | 74 | } |
| 68 | 75 | ||
| 69 | .md-button { | 76 | .md-button { |
| 70 | margin: 0; | 77 | margin: 0; |
| 71 | } | 78 | } |
| 72 | } | 79 | } |
| 73 | -} | ||
| 80 | +} |
| @@ -13,9 +13,9 @@ | @@ -13,9 +13,9 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 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 | .tb-relation-table { | 20 | .tb-relation-table { |
| 21 | md-toolbar.md-table-toolbar.alternate { | 21 | md-toolbar.md-table-toolbar.alternate { |
| @@ -13,11 +13,13 @@ | @@ -13,11 +13,13 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-relation-type-autocomplete { | 17 | .tb-relation-type-autocomplete { |
| 17 | .tb-relation-type-item { | 18 | .tb-relation-type-item { |
| 18 | display: block; | 19 | display: block; |
| 19 | height: 48px; | 20 | height: 48px; |
| 20 | } | 21 | } |
| 22 | + | ||
| 21 | li { | 23 | li { |
| 22 | height: auto !important; | 24 | height: auto !important; |
| 23 | white-space: normal !important; | 25 | white-space: normal !important; |
| @@ -13,24 +13,28 @@ | @@ -13,24 +13,28 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | md-list.tb-event-table { | 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 | .tb-row { | 24 | .tb-row { |
| 24 | height: 48px; | 25 | height: 48px; |
| 25 | - padding: 0px; | 26 | + padding: 0; |
| 26 | overflow: hidden; | 27 | overflow: hidden; |
| 28 | + | ||
| 27 | .tb-cell { | 29 | .tb-cell { |
| 28 | text-overflow: ellipsis; | 30 | text-overflow: ellipsis; |
| 31 | + | ||
| 29 | &.tb-scroll { | 32 | &.tb-scroll { |
| 30 | - white-space: nowrap; | ||
| 31 | - overflow-y: hidden; | ||
| 32 | overflow-x: auto; | 33 | overflow-x: auto; |
| 34 | + overflow-y: hidden; | ||
| 35 | + white-space: nowrap; | ||
| 33 | } | 36 | } |
| 37 | + | ||
| 34 | &.tb-nowrap { | 38 | &.tb-nowrap { |
| 35 | white-space: nowrap; | 39 | white-space: nowrap; |
| 36 | } | 40 | } |
| @@ -38,7 +42,7 @@ md-list.tb-event-table { | @@ -38,7 +42,7 @@ md-list.tb-event-table { | ||
| 38 | } | 42 | } |
| 39 | 43 | ||
| 40 | .tb-row:hover { | 44 | .tb-row:hover { |
| 41 | - background-color: #EEEEEE; | 45 | + background-color: #eee; |
| 42 | } | 46 | } |
| 43 | 47 | ||
| 44 | .tb-header:hover { | 48 | .tb-header:hover { |
| @@ -46,44 +50,45 @@ md-list.tb-event-table { | @@ -46,44 +50,45 @@ md-list.tb-event-table { | ||
| 46 | } | 50 | } |
| 47 | 51 | ||
| 48 | .tb-header { | 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 | .tb-cell { | 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 | .tb-cell.tb-number { | 84 | .tb-cell.tb-number { |
| 79 | text-align: right; | 85 | text-align: right; |
| 80 | } | 86 | } |
| 81 | - | ||
| 82 | } | 87 | } |
| 83 | 88 | ||
| 84 | #tb-event-content { | 89 | #tb-event-content { |
| 85 | - min-width: 400px; | ||
| 86 | - min-height: 50px; | ||
| 87 | width: 100%; | 90 | width: 100%; |
| 91 | + min-width: 400px; | ||
| 88 | height: 100%; | 92 | height: 100%; |
| 93 | + min-height: 50px; | ||
| 89 | } | 94 | } |
| @@ -13,23 +13,26 @@ | @@ -13,23 +13,26 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -@import '../../scss/constants'; | 16 | +@import "../../scss/constants"; |
| 17 | 17 | ||
| 18 | 18 | ||
| 19 | .extension-table { | 19 | .extension-table { |
| 20 | - | ||
| 21 | md-input-container .md-errors-spacer { | 20 | md-input-container .md-errors-spacer { |
| 22 | min-height: 0; | 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 | &.tb-data-table table.md-table.md-row-select tbody tr td.tb-action-cell { | 26 | &.tb-data-table table.md-table.md-row-select tbody tr td.tb-action-cell { |
| 27 | width: 114px; | 27 | width: 114px; |
| 28 | - }*/ | 28 | + } |
| 29 | + */ | ||
| 30 | + | ||
| 29 | .sync-widget { | 31 | .sync-widget { |
| 30 | max-height: 90px; | 32 | max-height: 90px; |
| 31 | overflow: hidden; | 33 | overflow: hidden; |
| 32 | } | 34 | } |
| 35 | + | ||
| 33 | .toolbar-widget { | 36 | .toolbar-widget { |
| 34 | min-height: 39px; | 37 | min-height: 39px; |
| 35 | max-height: 39px; | 38 | max-height: 39px; |
| @@ -37,11 +40,13 @@ | @@ -37,11 +40,13 @@ | ||
| 37 | } | 40 | } |
| 38 | 41 | ||
| 39 | .extension__syncStatus--black { | 42 | .extension__syncStatus--black { |
| 40 | - color: #000000!important; | 43 | + color: #000 !important; |
| 41 | } | 44 | } |
| 45 | + | ||
| 42 | .extension__syncStatus--green { | 46 | .extension__syncStatus--green { |
| 43 | - color: #228634!important; | 47 | + color: #228634 !important; |
| 44 | } | 48 | } |
| 49 | + | ||
| 45 | .extension__syncStatus--red { | 50 | .extension__syncStatus--red { |
| 46 | - color: #862222!important; | ||
| 47 | -} | ||
| 51 | + color: #862222 !important; | ||
| 52 | +} |
| @@ -13,28 +13,34 @@ | @@ -13,28 +13,34 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .extension-form { | 17 | .extension-form { |
| 17 | li > .md-button { | 18 | li > .md-button { |
| 18 | - color: rgba(0, 0, 0, 0.7); | ||
| 19 | margin: 0; | 19 | margin: 0; |
| 20 | + color: rgba(0, 0, 0, .7); | ||
| 20 | } | 21 | } |
| 22 | + | ||
| 21 | .vAccordion--default { | 23 | .vAccordion--default { |
| 22 | - margin-top: 0; | ||
| 23 | padding-left: 3px; | 24 | padding-left: 3px; |
| 25 | + margin-top: 0; | ||
| 24 | } | 26 | } |
| 27 | + | ||
| 25 | .tb-container { | 28 | .tb-container { |
| 26 | - width:100%; | 29 | + width: 100%; |
| 27 | } | 30 | } |
| 31 | + | ||
| 28 | .dropdown-messages { | 32 | .dropdown-messages { |
| 29 | .tb-error-message { | 33 | .tb-error-message { |
| 30 | padding: 5px 0 0 0; | 34 | padding: 5px 0 0 0; |
| 31 | } | 35 | } |
| 32 | } | 36 | } |
| 37 | + | ||
| 33 | .dropdown-section { | 38 | .dropdown-section { |
| 34 | margin-bottom: 30px; | 39 | margin-bottom: 30px; |
| 35 | } | 40 | } |
| 41 | + | ||
| 36 | v-pane.inner-invalid > v-pane-header { | 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,17 +51,19 @@ | ||
| 45 | } | 51 | } |
| 46 | 52 | ||
| 47 | .tb-extension-custom-transformer-panel { | 53 | .tb-extension-custom-transformer-panel { |
| 48 | - margin-left: 15px; | ||
| 49 | - border: 1px solid #C0C0C0; | ||
| 50 | height: 100%; | 54 | height: 100%; |
| 55 | + margin-left: 15px; | ||
| 56 | + border: 1px solid #c0c0c0; | ||
| 57 | + | ||
| 51 | .tb-extension-custom-transformer { | 58 | .tb-extension-custom-transformer { |
| 52 | - min-width: 600px; | ||
| 53 | - min-height: 200px; | ||
| 54 | width: 100%; | 59 | width: 100%; |
| 60 | + min-width: 600px; | ||
| 55 | height: 100%; | 61 | height: 100%; |
| 62 | + min-height: 200px; | ||
| 56 | } | 63 | } |
| 64 | + | ||
| 57 | .ace_text-input { | 65 | .ace_text-input { |
| 58 | - position:absolute!important | 66 | + position: absolute !important; |
| 59 | } | 67 | } |
| 60 | } | 68 | } |
| 61 | 69 | ||
| @@ -68,9 +76,9 @@ | @@ -68,9 +76,9 @@ | ||
| 68 | } | 76 | } |
| 69 | 77 | ||
| 70 | .tb-drop-file-input-hide { | 78 | .tb-drop-file-input-hide { |
| 71 | - height: 200%; | ||
| 72 | - display: block; | ||
| 73 | position: absolute; | 79 | position: absolute; |
| 74 | bottom: 0; | 80 | bottom: 0; |
| 81 | + display: block; | ||
| 75 | width: 100%; | 82 | width: 100%; |
| 76 | -} | ||
| 83 | + height: 200%; | ||
| 84 | +} |
| @@ -15,8 +15,12 @@ | @@ -15,8 +15,12 @@ | ||
| 15 | */ | 15 | */ |
| 16 | @import "../../scss/constants"; | 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,10 +16,11 @@ | ||
| 16 | @import "../../scss/constants"; | 16 | @import "../../scss/constants"; |
| 17 | 17 | ||
| 18 | .tb-home-links { | 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 | -} | ||
| 25 | + } | ||
| 26 | +} |
| @@ -13,29 +13,30 @@ | @@ -13,29 +13,30 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -$previewSize: 100px; | 16 | +$previewSize: 100px !default; |
| 17 | 17 | ||
| 18 | .tb-file-select-container { | 18 | .tb-file-select-container { |
| 19 | position: relative; | 19 | position: relative; |
| 20 | - height: $previewSize; | ||
| 21 | width: 100%; | 20 | width: 100%; |
| 21 | + height: $previewSize; | ||
| 22 | } | 22 | } |
| 23 | 23 | ||
| 24 | .tb-file-preview { | 24 | .tb-file-preview { |
| 25 | - max-width: $previewSize; | ||
| 26 | - max-height: $previewSize; | ||
| 27 | width: auto; | 25 | width: auto; |
| 26 | + max-width: $previewSize; | ||
| 28 | height: auto; | 27 | height: auto; |
| 28 | + max-height: $previewSize; | ||
| 29 | } | 29 | } |
| 30 | 30 | ||
| 31 | .tb-file-clear-container { | 31 | .tb-file-clear-container { |
| 32 | - width: 48px; | ||
| 33 | - height: $previewSize; | ||
| 34 | position: relative; | 32 | position: relative; |
| 35 | float: right; | 33 | float: right; |
| 34 | + width: 48px; | ||
| 35 | + height: $previewSize; | ||
| 36 | } | 36 | } |
| 37 | + | ||
| 37 | .tb-file-clear-btn { | 38 | .tb-file-clear-btn { |
| 38 | position: absolute !important; | 39 | position: absolute !important; |
| 39 | top: 50%; | 40 | top: 50%; |
| 40 | - transform: translate(0%,-50%) !important; | 41 | + transform: translate(0%, -50%) !important; |
| 41 | } | 42 | } |
| @@ -13,5 +13,7 @@ | @@ -13,5 +13,7 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -.form { height: 400px; } | ||
| 17 | -.schema { height: 800px; } | ||
| 16 | + | ||
| 17 | +.form { height: 400px; } | ||
| 18 | + | ||
| 19 | +.schema { height: 800px; } |
| @@ -29,23 +29,31 @@ | @@ -29,23 +29,31 @@ | ||
| 29 | .tb-breadcrumb { | 29 | .tb-breadcrumb { |
| 30 | font-size: 18px !important; | 30 | font-size: 18px !important; |
| 31 | font-weight: 400 !important; | 31 | font-weight: 400 !important; |
| 32 | - h1, a, span { | 32 | + |
| 33 | + h1, | ||
| 34 | + a, | ||
| 35 | + span { | ||
| 33 | overflow: hidden; | 36 | overflow: hidden; |
| 34 | text-overflow: ellipsis; | 37 | text-overflow: ellipsis; |
| 35 | white-space: nowrap; | 38 | white-space: nowrap; |
| 36 | } | 39 | } |
| 40 | + | ||
| 37 | a { | 41 | a { |
| 38 | border: none; | 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 | text-decoration: none !important; | 50 | text-decoration: none !important; |
| 45 | border: none; | 51 | border: none; |
| 52 | + opacity: 1; | ||
| 46 | } | 53 | } |
| 54 | + | ||
| 47 | .divider { | 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,21 +62,22 @@ md-sidenav.tb-site-sidenav { | ||
| 54 | } | 62 | } |
| 55 | 63 | ||
| 56 | md-icon.tb-logo-title { | 64 | md-icon.tb-logo-title { |
| 57 | - height: 36px; | ||
| 58 | width: 200px; | 65 | width: 200px; |
| 66 | + height: 36px; | ||
| 59 | } | 67 | } |
| 60 | 68 | ||
| 61 | .tb-nav-header { | 69 | .tb-nav-header { |
| 62 | - flex-shrink: 0; | ||
| 63 | z-index: 2; | 70 | z-index: 2; |
| 71 | + flex-shrink: 0; | ||
| 64 | white-space: nowrap; | 72 | white-space: nowrap; |
| 65 | } | 73 | } |
| 66 | 74 | ||
| 67 | .tb-nav-header-toolbar { | 75 | .tb-nav-header-toolbar { |
| 68 | - border-bottom: 1px solid rgba(0, 0, 0, 0.12); | ||
| 69 | - flex-shrink: 0; | ||
| 70 | z-index: 2; | 76 | z-index: 2; |
| 77 | + flex-shrink: 0; | ||
| 71 | white-space: nowrap; | 78 | white-space: nowrap; |
| 79 | + border-bottom: 1px solid rgba(0, 0, 0, .12); | ||
| 80 | + | ||
| 72 | .md-toolbar-tools { | 81 | .md-toolbar-tools { |
| 73 | flex-basis: auto; | 82 | flex-basis: auto; |
| 74 | } | 83 | } |
| @@ -13,28 +13,32 @@ | @@ -13,28 +13,32 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | div.tb-user-info { | 17 | div.tb-user-info { |
| 17 | line-height: 1.5; | 18 | line-height: 1.5; |
| 19 | + | ||
| 18 | span { | 20 | span { |
| 19 | - text-transform: none; | ||
| 20 | text-align: left; | 21 | text-align: left; |
| 22 | + text-transform: none; | ||
| 21 | } | 23 | } |
| 24 | + | ||
| 22 | span.tb-user-display-name { | 25 | span.tb-user-display-name { |
| 23 | - font-size: 0.800rem; | 26 | + font-size: .8rem; |
| 24 | font-weight: 300; | 27 | font-weight: 300; |
| 25 | - letter-spacing: 0.008em; | 28 | + letter-spacing: .008em; |
| 26 | } | 29 | } |
| 30 | + | ||
| 27 | span.tb-user-authority { | 31 | span.tb-user-authority { |
| 28 | - font-size: 0.800rem; | 32 | + font-size: .8rem; |
| 29 | font-weight: 300; | 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 | md-icon.tb-mini-avatar { | 39 | md-icon.tb-mini-avatar { |
| 40 | + width: 36px; | ||
| 41 | + height: 36px; | ||
| 36 | margin: auto 8px; | 42 | margin: auto 8px; |
| 37 | font-size: 36px; | 43 | font-size: 36px; |
| 38 | - height: 36px; | ||
| 39 | - width: 36px; | ||
| 40 | } | 44 | } |
| @@ -13,18 +13,21 @@ | @@ -13,18 +13,21 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -@import '../../scss/constants'; | 16 | +@import "../../scss/constants"; |
| 17 | 17 | ||
| 18 | md-card.tb-login-card { | 18 | md-card.tb-login-card { |
| 19 | width: 330px !important; | 19 | width: 330px !important; |
| 20 | + | ||
| 20 | @media (min-width: $layout-breakpoint-sm) { | 21 | @media (min-width: $layout-breakpoint-sm) { |
| 21 | width: 450px !important; | 22 | width: 450px !important; |
| 22 | } | 23 | } |
| 24 | + | ||
| 23 | md-card-title { | 25 | md-card-title { |
| 24 | img.tb-login-logo { | 26 | img.tb-login-logo { |
| 25 | height: 50px; | 27 | height: 50px; |
| 26 | } | 28 | } |
| 27 | } | 29 | } |
| 30 | + | ||
| 28 | md-card-content { | 31 | md-card-content { |
| 29 | margin-top: -50px; | 32 | margin-top: -50px; |
| 30 | } | 33 | } |
| @@ -17,12 +17,14 @@ | @@ -17,12 +17,14 @@ | ||
| 17 | .tb-link-label-autocomplete { | 17 | .tb-link-label-autocomplete { |
| 18 | .tb-not-found { | 18 | .tb-not-found { |
| 19 | display: block; | 19 | display: block; |
| 20 | - line-height: 1.5; | ||
| 21 | height: 48px; | 20 | height: 48px; |
| 21 | + line-height: 1.5; | ||
| 22 | + | ||
| 22 | .tb-no-entries { | 23 | .tb-no-entries { |
| 23 | line-height: 48px; | 24 | line-height: 48px; |
| 24 | } | 25 | } |
| 25 | } | 26 | } |
| 27 | + | ||
| 26 | li { | 28 | li { |
| 27 | height: auto !important; | 29 | height: auto !important; |
| 28 | white-space: normal !important; | 30 | white-space: normal !important; |
| @@ -13,11 +13,13 @@ | @@ -13,11 +13,13 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-message-type-autocomplete { | 17 | .tb-message-type-autocomplete { |
| 17 | .tb-message-type-item { | 18 | .tb-message-type-item { |
| 18 | display: block; | 19 | display: block; |
| 19 | height: 48px; | 20 | height: 48px; |
| 20 | } | 21 | } |
| 22 | + | ||
| 21 | li { | 23 | li { |
| 22 | height: auto !important; | 24 | height: auto !important; |
| 23 | white-space: normal !important; | 25 | white-space: normal !important; |
| @@ -18,88 +18,106 @@ | @@ -18,88 +18,106 @@ | ||
| 18 | .tb-fullscreen-button-style { | 18 | .tb-fullscreen-button-style { |
| 19 | z-index: 1; | 19 | z-index: 1; |
| 20 | } | 20 | } |
| 21 | + | ||
| 21 | section.tb-header-buttons.tb-library-open { | 22 | section.tb-header-buttons.tb-library-open { |
| 22 | - pointer-events: none; | ||
| 23 | position: absolute; | 23 | position: absolute; |
| 24 | - left: 0px; | ||
| 25 | - top: 0px; | 24 | + top: 0; |
| 25 | + left: 0; | ||
| 26 | z-index: 1; | 26 | z-index: 1; |
| 27 | + pointer-events: none; | ||
| 28 | + | ||
| 27 | .md-button.tb-btn-open-library { | 29 | .md-button.tb-btn-open-library { |
| 28 | - left: 0px; | ||
| 29 | - top: 0px; | ||
| 30 | - line-height: 36px; | 30 | + top: 0; |
| 31 | + left: 0; | ||
| 31 | width: 36px; | 32 | width: 36px; |
| 32 | height: 36px; | 33 | height: 36px; |
| 33 | margin: 4px 0 0 4px; | 34 | margin: 4px 0 0 4px; |
| 34 | - opacity: 0.5; | 35 | + line-height: 36px; |
| 36 | + opacity: .5; | ||
| 35 | } | 37 | } |
| 36 | } | 38 | } |
| 39 | + | ||
| 37 | .tb-rulechain-library { | 40 | .tb-rulechain-library { |
| 41 | + z-index: 1; | ||
| 38 | width: 250px; | 42 | width: 250px; |
| 39 | min-width: 250px; | 43 | min-width: 250px; |
| 40 | - z-index: 1; | 44 | + |
| 41 | md-toolbar { | 45 | md-toolbar { |
| 42 | - min-height: 48px; | ||
| 43 | height: 48px; | 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 | .md-toolbar-tools { | 53 | .md-toolbar-tools { |
| 48 | - font-size: 14px; | ||
| 49 | - padding: 0px 6px; | ||
| 50 | height: 48px; | 54 | height: 48px; |
| 55 | + padding: 0 6px; | ||
| 56 | + font-size: 14px; | ||
| 57 | + | ||
| 51 | .md-button.md-icon-button { | 58 | .md-button.md-icon-button { |
| 52 | - margin: 0px; | 59 | + margin: 0; |
| 60 | + | ||
| 53 | &.tb-small { | 61 | &.tb-small { |
| 62 | + width: 32px; | ||
| 54 | height: 32px; | 63 | height: 32px; |
| 55 | min-height: 32px; | 64 | min-height: 32px; |
| 56 | - line-height: 20px; | ||
| 57 | padding: 6px; | 65 | padding: 6px; |
| 58 | - width: 32px; | 66 | + line-height: 20px; |
| 67 | + | ||
| 59 | md-icon { | 68 | md-icon { |
| 60 | - line-height: 20px; | ||
| 61 | - font-size: 20px; | ||
| 62 | - height: 20px; | ||
| 63 | width: 20px; | 69 | width: 20px; |
| 64 | - min-height: 20px; | ||
| 65 | min-width: 20px; | 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 | .tb-rulechain-library-panel-group { | 81 | .tb-rulechain-library-panel-group { |
| 72 | - overflow-y: auto; | ||
| 73 | overflow-x: hidden; | 82 | overflow-x: hidden; |
| 83 | + overflow-y: auto; | ||
| 84 | + | ||
| 74 | .tb-panel-title { | 85 | .tb-panel-title { |
| 86 | + min-width: 150px; | ||
| 75 | -webkit-user-select: none; | 87 | -webkit-user-select: none; |
| 76 | -moz-user-select: none; | 88 | -moz-user-select: none; |
| 77 | -ms-user-select: none; | 89 | -ms-user-select: none; |
| 78 | user-select: none; | 90 | user-select: none; |
| 79 | - min-width: 150px; | ||
| 80 | } | 91 | } |
| 92 | + | ||
| 81 | .fc-canvas { | 93 | .fc-canvas { |
| 82 | background: #f9f9f9; | 94 | background: #f9f9f9; |
| 83 | } | 95 | } |
| 96 | + | ||
| 84 | md-icon.md-expansion-panel-icon { | 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 | background: #e6e6e6; | 104 | background: #e6e6e6; |
| 89 | border-color: #909090; | 105 | border-color: #909090; |
| 90 | - position: static; | ||
| 91 | } | 106 | } |
| 107 | + | ||
| 92 | md-expansion-panel { | 108 | md-expansion-panel { |
| 93 | &.md-open { | 109 | &.md-open { |
| 94 | margin-top: 0; | 110 | margin-top: 0; |
| 95 | margin-bottom: 0; | 111 | margin-bottom: 0; |
| 96 | } | 112 | } |
| 97 | } | 113 | } |
| 114 | + | ||
| 98 | md-expansion-panel-content { | 115 | md-expansion-panel-content { |
| 99 | - padding: 0px; | 116 | + padding: 0; |
| 100 | } | 117 | } |
| 101 | } | 118 | } |
| 102 | } | 119 | } |
| 120 | + | ||
| 103 | .tb-rulechain-graph { | 121 | .tb-rulechain-graph { |
| 104 | z-index: 0; | 122 | z-index: 0; |
| 105 | overflow: auto; | 123 | overflow: auto; |
| @@ -107,29 +125,35 @@ | @@ -107,29 +125,35 @@ | ||
| 107 | } | 125 | } |
| 108 | 126 | ||
| 109 | #tb-rule-chain-context-menu { | 127 | #tb-rule-chain-context-menu { |
| 110 | - padding-top: 0px; | ||
| 111 | - border-radius: 8px; | ||
| 112 | max-height: 404px; | 128 | max-height: 404px; |
| 129 | + padding-top: 0; | ||
| 130 | + border-radius: 8px; | ||
| 131 | + | ||
| 113 | .tb-context-menu-header { | 132 | .tb-context-menu-header { |
| 114 | - padding: 8px 5px 5px; | ||
| 115 | - font-size: 14px; | ||
| 116 | display: flex; | 133 | display: flex; |
| 117 | flex-direction: row; | 134 | flex-direction: row; |
| 118 | height: 36px; | 135 | height: 36px; |
| 119 | min-height: 36px; | 136 | min-height: 36px; |
| 137 | + padding: 8px 5px 5px; | ||
| 138 | + font-size: 14px; | ||
| 139 | + | ||
| 120 | &.tb-rulechain { | 140 | &.tb-rulechain { |
| 121 | background-color: #aac7e4; | 141 | background-color: #aac7e4; |
| 122 | } | 142 | } |
| 143 | + | ||
| 123 | &.tb-link { | 144 | &.tb-link { |
| 124 | background-color: #aac7e4; | 145 | background-color: #aac7e4; |
| 125 | } | 146 | } |
| 147 | + | ||
| 126 | md-icon { | 148 | md-icon { |
| 127 | - padding-left: 2px; | ||
| 128 | padding-right: 10px; | 149 | padding-right: 10px; |
| 150 | + padding-left: 2px; | ||
| 129 | } | 151 | } |
| 152 | + | ||
| 130 | .tb-context-menu-title { | 153 | .tb-context-menu-title { |
| 131 | font-weight: 500; | 154 | font-weight: 500; |
| 132 | } | 155 | } |
| 156 | + | ||
| 133 | .tb-context-menu-subtitle { | 157 | .tb-context-menu-subtitle { |
| 134 | font-size: 12px; | 158 | font-size: 12px; |
| 135 | } | 159 | } |
| @@ -139,37 +163,45 @@ | @@ -139,37 +163,45 @@ | ||
| 139 | .fc-canvas { | 163 | .fc-canvas { |
| 140 | min-width: 100%; | 164 | min-width: 100%; |
| 141 | min-height: 100%; | 165 | min-height: 100%; |
| 142 | - outline: none; | ||
| 143 | - -webkit-touch-callout: none; | ||
| 144 | -webkit-user-select: none; | 166 | -webkit-user-select: none; |
| 145 | -khtml-user-select: none; | 167 | -khtml-user-select: none; |
| 146 | -moz-user-select: none; | 168 | -moz-user-select: none; |
| 147 | -ms-user-select: none; | 169 | -ms-user-select: none; |
| 148 | user-select: none; | 170 | user-select: none; |
| 171 | + outline: none; | ||
| 172 | + -webkit-touch-callout: none; | ||
| 173 | + | ||
| 149 | svg { | 174 | svg { |
| 150 | display: block; | 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 | &.tb-filter-type { | 181 | &.tb-filter-type { |
| 156 | background-color: #f1e861; | 182 | background-color: #f1e861; |
| 157 | } | 183 | } |
| 184 | + | ||
| 158 | &.tb-enrichment-type { | 185 | &.tb-enrichment-type { |
| 159 | background-color: #cdf14e; | 186 | background-color: #cdf14e; |
| 160 | } | 187 | } |
| 188 | + | ||
| 161 | &.tb-transformation-type { | 189 | &.tb-transformation-type { |
| 162 | background-color: #79cef1; | 190 | background-color: #79cef1; |
| 163 | } | 191 | } |
| 192 | + | ||
| 164 | &.tb-action-type { | 193 | &.tb-action-type { |
| 165 | background-color: #f1928f; | 194 | background-color: #f1928f; |
| 166 | } | 195 | } |
| 196 | + | ||
| 167 | &.tb-external-type { | 197 | &.tb-external-type { |
| 168 | background-color: #fbc766; | 198 | background-color: #fbc766; |
| 169 | } | 199 | } |
| 200 | + | ||
| 170 | &.tb-rule-chain-type { | 201 | &.tb-rule-chain-type { |
| 171 | background-color: #d6c4f1; | 202 | background-color: #d6c4f1; |
| 172 | } | 203 | } |
| 204 | + | ||
| 173 | &.tb-unknown-type { | 205 | &.tb-unknown-type { |
| 174 | background-color: #f16c29; | 206 | background-color: #f16c29; |
| 175 | } | 207 | } |
| @@ -180,102 +212,112 @@ | @@ -180,102 +212,112 @@ | ||
| 180 | flex-direction: row; | 212 | flex-direction: row; |
| 181 | min-width: 150px; | 213 | min-width: 150px; |
| 182 | max-width: 150px; | 214 | max-width: 150px; |
| 215 | + height: 32px; | ||
| 183 | min-height: 32px; | 216 | min-height: 32px; |
| 184 | max-height: 32px; | 217 | max-height: 32px; |
| 185 | - height: 32px; | ||
| 186 | padding: 5px 10px; | 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 | font-size: 12px; | 219 | font-size: 12px; |
| 193 | line-height: 16px; | 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 | &.tb-rule-node-highlighted:not(.tb-rule-node-invalid) { | 227 | &.tb-rule-node-highlighted:not(.tb-rule-node-invalid) { |
| 195 | box-shadow: 0 0 10px 6px #51cbee; | 228 | box-shadow: 0 0 10px 6px #51cbee; |
| 229 | + | ||
| 196 | .tb-node-title { | 230 | .tb-node-title { |
| 231 | + font-weight: 700; | ||
| 197 | text-decoration: underline; | 232 | text-decoration: underline; |
| 198 | - font-weight: bold; | ||
| 199 | } | 233 | } |
| 200 | } | 234 | } |
| 235 | + | ||
| 201 | &.tb-rule-node-invalid { | 236 | &.tb-rule-node-invalid { |
| 202 | box-shadow: 0 0 10px 6px #ff5c50; | 237 | box-shadow: 0 0 10px 6px #ff5c50; |
| 203 | } | 238 | } |
| 239 | + | ||
| 204 | &.tb-input-type { | 240 | &.tb-input-type { |
| 205 | - background-color: #a3eaa9; | ||
| 206 | user-select: none; | 241 | user-select: none; |
| 242 | + background-color: #a3eaa9; | ||
| 207 | } | 243 | } |
| 208 | 244 | ||
| 209 | md-icon { | 245 | md-icon { |
| 210 | - font-size: 20px; | ||
| 211 | width: 20px; | 246 | width: 20px; |
| 247 | + min-width: 20px; | ||
| 212 | height: 20px; | 248 | height: 20px; |
| 213 | min-height: 20px; | 249 | min-height: 20px; |
| 214 | - min-width: 20px; | ||
| 215 | padding-right: 4px; | 250 | padding-right: 4px; |
| 251 | + font-size: 20px; | ||
| 216 | } | 252 | } |
| 217 | - .tb-node-type { | ||
| 218 | 253 | ||
| 219 | - } | ||
| 220 | .tb-node-title { | 254 | .tb-node-title { |
| 221 | font-weight: 500; | 255 | font-weight: 500; |
| 222 | } | 256 | } |
| 223 | - .tb-node-type, .tb-node-title { | 257 | + |
| 258 | + .tb-node-type, | ||
| 259 | + .tb-node-title { | ||
| 224 | overflow: hidden; | 260 | overflow: hidden; |
| 225 | - white-space: nowrap; | ||
| 226 | text-overflow: ellipsis; | 261 | text-overflow: ellipsis; |
| 262 | + white-space: nowrap; | ||
| 227 | } | 263 | } |
| 228 | } | 264 | } |
| 229 | 265 | ||
| 230 | .fc-node { | 266 | .fc-node { |
| 231 | z-index: 1; | 267 | z-index: 1; |
| 232 | - outline: none; | ||
| 233 | border-radius: 8px; | 268 | border-radius: 8px; |
| 269 | + outline: none; | ||
| 270 | + | ||
| 234 | &.fc-dragging { | 271 | &.fc-dragging { |
| 235 | z-index: 10; | 272 | z-index: 10; |
| 236 | } | 273 | } |
| 274 | + | ||
| 237 | p { | 275 | p { |
| 238 | padding: 0 15px; | 276 | padding: 0 15px; |
| 239 | text-align: center; | 277 | text-align: center; |
| 240 | } | 278 | } |
| 279 | + | ||
| 241 | .fc-node-overlay { | 280 | .fc-node-overlay { |
| 242 | position: absolute; | 281 | position: absolute; |
| 243 | - pointer-events: none; | ||
| 244 | - left: 0; | ||
| 245 | top: 0; | 282 | top: 0; |
| 246 | right: 0; | 283 | right: 0; |
| 247 | bottom: 0; | 284 | bottom: 0; |
| 285 | + left: 0; | ||
| 286 | + pointer-events: none; | ||
| 248 | background-color: #000; | 287 | background-color: #000; |
| 249 | - opacity: 0; | ||
| 250 | border-radius: 5px; | 288 | border-radius: 5px; |
| 289 | + opacity: 0; | ||
| 251 | } | 290 | } |
| 291 | + | ||
| 252 | &.fc-hover { | 292 | &.fc-hover { |
| 253 | .fc-node-overlay { | 293 | .fc-node-overlay { |
| 254 | - opacity: 0.25; | 294 | + opacity: .25; |
| 255 | } | 295 | } |
| 256 | } | 296 | } |
| 297 | + | ||
| 257 | &.fc-selected { | 298 | &.fc-selected { |
| 258 | .fc-node-overlay { | 299 | .fc-node-overlay { |
| 259 | - opacity: 0.25; | 300 | + opacity: .25; |
| 260 | } | 301 | } |
| 261 | - } | ||
| 262 | - &.fc-selected { | 302 | + |
| 263 | &:not(.fc-edit) { | 303 | &:not(.fc-edit) { |
| 264 | - border: solid 3px red; | ||
| 265 | margin: -3px; | 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 | position: absolute; | 312 | position: absolute; |
| 272 | top: 0; | 313 | top: 0; |
| 273 | - height: 100%; | 314 | + |
| 315 | + z-index: 0; | ||
| 274 | 316 | ||
| 275 | display: flex; | 317 | display: flex; |
| 276 | flex-direction: column; | 318 | flex-direction: column; |
| 319 | + height: 100%; | ||
| 277 | 320 | ||
| 278 | - z-index: 0; | ||
| 279 | .fc-magnet { | 321 | .fc-magnet { |
| 280 | align-items: center; | 322 | align-items: center; |
| 281 | } | 323 | } |
| @@ -292,18 +334,18 @@ | @@ -292,18 +334,18 @@ | ||
| 292 | .fc-magnet { | 334 | .fc-magnet { |
| 293 | display: flex; | 335 | display: flex; |
| 294 | flex-grow: 1; | 336 | flex-grow: 1; |
| 295 | - height: 60px; | ||
| 296 | justify-content: center; | 337 | justify-content: center; |
| 338 | + height: 60px; | ||
| 297 | } | 339 | } |
| 298 | 340 | ||
| 299 | .fc-connector { | 341 | .fc-connector { |
| 300 | width: 14px; | 342 | width: 14px; |
| 301 | height: 14px; | 343 | height: 14px; |
| 302 | - border: 1px solid #333; | ||
| 303 | margin: 10px; | 344 | margin: 10px; |
| 304 | - border-radius: 5px; | ||
| 305 | - background-color: #ccc; | ||
| 306 | pointer-events: all; | 345 | pointer-events: all; |
| 346 | + background-color: #ccc; | ||
| 347 | + border: 1px solid #333; | ||
| 348 | + border-radius: 5px; | ||
| 307 | } | 349 | } |
| 308 | 350 | ||
| 309 | .fc-connector.fc-hover { | 351 | .fc-connector.fc-hover { |
| @@ -312,45 +354,49 @@ | @@ -312,45 +354,49 @@ | ||
| 312 | 354 | ||
| 313 | .fc-arrow-marker { | 355 | .fc-arrow-marker { |
| 314 | polygon { | 356 | polygon { |
| 315 | - stroke: gray; | ||
| 316 | - fill: gray; | 357 | + fill: #808080; |
| 358 | + stroke: #808080; | ||
| 317 | } | 359 | } |
| 318 | } | 360 | } |
| 319 | 361 | ||
| 320 | .fc-arrow-marker-selected { | 362 | .fc-arrow-marker-selected { |
| 321 | polygon { | 363 | polygon { |
| 322 | - stroke: red; | ||
| 323 | - fill: red; | 364 | + fill: #f00; |
| 365 | + stroke: #f00; | ||
| 324 | } | 366 | } |
| 325 | } | 367 | } |
| 326 | 368 | ||
| 327 | .fc-edge { | 369 | .fc-edge { |
| 328 | outline: none; | 370 | outline: none; |
| 329 | - stroke: gray; | ||
| 330 | - stroke-width: 4; | ||
| 331 | - fill: transparent; | ||
| 332 | transition: stroke-width .2s; | 371 | transition: stroke-width .2s; |
| 372 | + fill: transparent; | ||
| 373 | + stroke: #808080; | ||
| 374 | + stroke-width: 4; | ||
| 375 | + | ||
| 333 | &.fc-selected { | 376 | &.fc-selected { |
| 334 | - stroke: red; | ||
| 335 | - stroke-width: 4; | ||
| 336 | fill: transparent; | 377 | fill: transparent; |
| 378 | + stroke: #f00; | ||
| 379 | + stroke-width: 4; | ||
| 337 | } | 380 | } |
| 381 | + | ||
| 338 | &.fc-active { | 382 | &.fc-active { |
| 339 | animation: dash 3s linear infinite; | 383 | animation: dash 3s linear infinite; |
| 340 | stroke-dasharray: 20; | 384 | stroke-dasharray: 20; |
| 341 | } | 385 | } |
| 386 | + | ||
| 342 | &.fc-hover { | 387 | &.fc-hover { |
| 343 | - stroke: gray; | ||
| 344 | - stroke-width: 6; | ||
| 345 | fill: transparent; | 388 | fill: transparent; |
| 389 | + stroke: #808080; | ||
| 390 | + stroke-width: 6; | ||
| 346 | } | 391 | } |
| 392 | + | ||
| 347 | &.fc-dragging { | 393 | &.fc-dragging { |
| 348 | pointer-events: none; | 394 | pointer-events: none; |
| 349 | } | 395 | } |
| 350 | } | 396 | } |
| 351 | 397 | ||
| 352 | .edge-endpoint { | 398 | .edge-endpoint { |
| 353 | - fill: gray; | 399 | + fill: #808080; |
| 354 | } | 400 | } |
| 355 | 401 | ||
| 356 | .fc-nodedelete { | 402 | .fc-nodedelete { |
| @@ -364,22 +410,23 @@ | @@ -364,22 +410,23 @@ | ||
| 364 | } | 410 | } |
| 365 | 411 | ||
| 366 | .fc-edit { | 412 | .fc-edit { |
| 367 | - .fc-nodedelete, .fc-nodeedit { | ||
| 368 | - outline: none; | ||
| 369 | - display: block; | 413 | + .fc-nodedelete, |
| 414 | + .fc-nodeedit { | ||
| 370 | position: absolute; | 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 | height: 20px; | 418 | height: 20px; |
| 376 | padding-top: 2px; | 419 | padding-top: 2px; |
| 377 | - width: 22px; | ||
| 378 | - background: #f83e05; | 420 | + font-weight: 600; |
| 421 | + line-height: 20px; | ||
| 379 | color: #fff; | 422 | color: #fff; |
| 380 | text-align: center; | 423 | text-align: center; |
| 381 | vertical-align: bottom; | 424 | vertical-align: bottom; |
| 382 | cursor: pointer; | 425 | cursor: pointer; |
| 426 | + background: #f83e05; | ||
| 427 | + border: solid 2px #fff; | ||
| 428 | + border-radius: 50%; | ||
| 429 | + outline: none; | ||
| 383 | } | 430 | } |
| 384 | 431 | ||
| 385 | .fc-nodeedit { | 432 | .fc-nodeedit { |
| @@ -391,7 +438,6 @@ | @@ -391,7 +438,6 @@ | ||
| 391 | top: -24px; | 438 | top: -24px; |
| 392 | right: -13px; | 439 | right: -13px; |
| 393 | } | 440 | } |
| 394 | - | ||
| 395 | } | 441 | } |
| 396 | 442 | ||
| 397 | .fc-noselect { | 443 | .fc-noselect { |
| @@ -407,31 +453,37 @@ | @@ -407,31 +453,37 @@ | ||
| 407 | .fc-edge-label { | 453 | .fc-edge-label { |
| 408 | position: absolute; | 454 | position: absolute; |
| 409 | transition: transform .2s; | 455 | transition: transform .2s; |
| 410 | -// opacity: 0.8; | 456 | + // opacity: 0.8; |
| 457 | + | ||
| 411 | &.ng-leave { | 458 | &.ng-leave { |
| 412 | transition: 0s none; | 459 | transition: 0s none; |
| 413 | } | 460 | } |
| 461 | + | ||
| 414 | &.fc-hover { | 462 | &.fc-hover { |
| 415 | transform: scale(1.25); | 463 | transform: scale(1.25); |
| 416 | } | 464 | } |
| 465 | + | ||
| 417 | &.fc-selected { | 466 | &.fc-selected { |
| 418 | .fc-edge-label-text { | 467 | .fc-edge-label-text { |
| 419 | span { | 468 | span { |
| 420 | - border: solid red; | ||
| 421 | - color: #fff; | ||
| 422 | font-weight: 600; | 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 | .fc-nodeedit { | 477 | .fc-nodeedit { |
| 428 | top: -30px; | 478 | top: -30px; |
| 429 | right: 14px; | 479 | right: 14px; |
| 430 | } | 480 | } |
| 481 | + | ||
| 431 | .fc-nodedelete { | 482 | .fc-nodedelete { |
| 432 | top: -30px; | 483 | top: -30px; |
| 433 | right: -13px; | 484 | right: -13px; |
| 434 | } | 485 | } |
| 486 | + | ||
| 435 | &:focus { | 487 | &:focus { |
| 436 | outline: 0; | 488 | outline: 0; |
| 437 | } | 489 | } |
| @@ -439,27 +491,28 @@ | @@ -439,27 +491,28 @@ | ||
| 439 | 491 | ||
| 440 | .fc-edge-label-text { | 492 | .fc-edge-label-text { |
| 441 | position: absolute; | 493 | position: absolute; |
| 442 | - -webkit-transform: translate(-50%, -50%); | ||
| 443 | - transform: translate(-50%, -50%); | ||
| 444 | - white-space: nowrap; | ||
| 445 | - text-align: center; | ||
| 446 | font-size: 14px; | 494 | font-size: 14px; |
| 447 | font-weight: 600; | 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 | span { | 501 | span { |
| 502 | + padding: 3px 5px; | ||
| 503 | + color: #003a79; | ||
| 449 | cursor: default; | 504 | cursor: default; |
| 505 | + background-color: #fff; | ||
| 450 | border: solid 2px #003a79; | 506 | border: solid 2px #003a79; |
| 451 | border-radius: 10px; | 507 | border-radius: 10px; |
| 452 | - color: #003a79; | ||
| 453 | - background-color: #fff; | ||
| 454 | - padding: 3px 5px; | ||
| 455 | } | 508 | } |
| 456 | } | 509 | } |
| 457 | 510 | ||
| 458 | .fc-select-rectangle { | 511 | .fc-select-rectangle { |
| 459 | - border: 2px dashed #5262ff; | ||
| 460 | position: absolute; | 512 | position: absolute; |
| 461 | - background: rgba(20,125,255,0.1); | ||
| 462 | z-index: 2; | 513 | z-index: 2; |
| 514 | + background: rgba(20, 125, 255, .1); | ||
| 515 | + border: 2px dashed #5262ff; | ||
| 463 | } | 516 | } |
| 464 | 517 | ||
| 465 | @keyframes dash { | 518 | @keyframes dash { |
| @@ -468,13 +521,15 @@ | @@ -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 | color: #333; | 526 | color: #333; |
| 473 | } | 527 | } |
| 474 | 528 | ||
| 475 | .tb-rule-node-tooltip { | 529 | .tb-rule-node-tooltip { |
| 476 | - font-size: 14px; | ||
| 477 | max-width: 300px; | 530 | max-width: 300px; |
| 531 | + font-size: 14px; | ||
| 532 | + | ||
| 478 | &.tb-lib-tooltip { | 533 | &.tb-lib-tooltip { |
| 479 | width: 300px; | 534 | width: 300px; |
| 480 | } | 535 | } |
| @@ -489,28 +544,33 @@ | @@ -489,28 +544,33 @@ | ||
| 489 | color: #ea0d0d; | 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 | #tb-node-content { | 550 | #tb-node-content { |
| 494 | .tb-node-title { | 551 | .tb-node-title { |
| 495 | font-weight: 600; | 552 | font-weight: 600; |
| 496 | } | 553 | } |
| 554 | + | ||
| 497 | .tb-node-description { | 555 | .tb-node-description { |
| 498 | font-style: italic; | 556 | font-style: italic; |
| 499 | color: #555; | 557 | color: #555; |
| 500 | } | 558 | } |
| 559 | + | ||
| 501 | .tb-node-details { | 560 | .tb-node-details { |
| 502 | padding-top: 10px; | 561 | padding-top: 10px; |
| 503 | padding-bottom: 10px; | 562 | padding-bottom: 10px; |
| 504 | } | 563 | } |
| 564 | + | ||
| 505 | code { | 565 | code { |
| 506 | - padding: 0px 3px 2px 3px; | 566 | + padding: 0 3px 2px 3px; |
| 507 | margin: 1px; | 567 | margin: 1px; |
| 508 | - color: #AD1625; | 568 | + font-size: 12px; |
| 569 | + color: #ad1625; | ||
| 509 | white-space: nowrap; | 570 | white-space: nowrap; |
| 510 | background-color: #f7f7f9; | 571 | background-color: #f7f7f9; |
| 511 | border: 1px solid #e1e1e8; | 572 | border: 1px solid #e1e1e8; |
| 512 | border-radius: 2px; | 573 | border-radius: 2px; |
| 513 | - font-size: 12px; | ||
| 514 | } | 574 | } |
| 515 | } | 575 | } |
| 516 | -} | ||
| 576 | +} |
| @@ -16,13 +16,13 @@ | @@ -16,13 +16,13 @@ | ||
| 16 | 16 | ||
| 17 | .tb-rulenode { | 17 | .tb-rulenode { |
| 18 | tb-json-object-edit.tb-rule-node-configuration-json { | 18 | tb-json-object-edit.tb-rule-node-configuration-json { |
| 19 | - height: 300px; | ||
| 20 | display: block; | 19 | display: block; |
| 20 | + height: 300px; | ||
| 21 | } | 21 | } |
| 22 | } | 22 | } |
| 23 | 23 | ||
| 24 | .tb-rulenode-directive-error { | 24 | .tb-rulenode-directive-error { |
| 25 | - color: rgb(221,44,0); | ||
| 26 | font-size: 13px; | 25 | font-size: 13px; |
| 27 | font-weight: 400; | 26 | font-weight: 400; |
| 28 | -} | ||
| 27 | + color: rgb(221, 44, 0); | ||
| 28 | +} |
| @@ -13,24 +13,25 @@ | @@ -13,24 +13,25 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -@import '../../../scss/constants'; | 16 | +@import "../../../scss/constants"; |
| 17 | + | ||
| 17 | @import "~compass-sass-mixins/lib/compass"; | 18 | @import "~compass-sass-mixins/lib/compass"; |
| 18 | 19 | ||
| 19 | md-dialog.tb-node-script-test-dialog { | 20 | md-dialog.tb-node-script-test-dialog { |
| 20 | &.md-dialog-fullscreen { | 21 | &.md-dialog-fullscreen { |
| 21 | - min-height: 100%; | 22 | + width: 100%; |
| 22 | min-width: 100%; | 23 | min-width: 100%; |
| 23 | - max-height: 100%; | ||
| 24 | max-width: 100%; | 24 | max-width: 100%; |
| 25 | - width: 100%; | ||
| 26 | height: 100%; | 25 | height: 100%; |
| 26 | + min-height: 100%; | ||
| 27 | + max-height: 100%; | ||
| 27 | border-radius: 0; | 28 | border-radius: 0; |
| 28 | } | 29 | } |
| 29 | 30 | ||
| 30 | .tb-split { | 31 | .tb-split { |
| 31 | @include box-sizing(border-box); | 32 | @include box-sizing(border-box); |
| 32 | - overflow-y: auto; | ||
| 33 | overflow-x: hidden; | 33 | overflow-x: hidden; |
| 34 | + overflow-y: auto; | ||
| 34 | } | 35 | } |
| 35 | 36 | ||
| 36 | .ace_editor { | 37 | .ace_editor { |
| @@ -38,13 +39,13 @@ md-dialog.tb-node-script-test-dialog { | @@ -38,13 +39,13 @@ md-dialog.tb-node-script-test-dialog { | ||
| 38 | } | 39 | } |
| 39 | 40 | ||
| 40 | .tb-content { | 41 | .tb-content { |
| 41 | - border: 1px solid #C0C0C0; | ||
| 42 | padding-top: 5px; | 42 | padding-top: 5px; |
| 43 | padding-left: 5px; | 43 | padding-left: 5px; |
| 44 | + border: 1px solid #c0c0c0; | ||
| 44 | } | 45 | } |
| 45 | 46 | ||
| 46 | .gutter { | 47 | .gutter { |
| 47 | - background-color: #eeeeee; | 48 | + background-color: #eee; |
| 48 | 49 | ||
| 49 | background-repeat: no-repeat; | 50 | background-repeat: no-repeat; |
| 50 | background-position: 50%; | 51 | background-position: 50%; |
| @@ -52,21 +53,23 @@ md-dialog.tb-node-script-test-dialog { | @@ -52,21 +53,23 @@ md-dialog.tb-node-script-test-dialog { | ||
| 52 | 53 | ||
| 53 | .gutter.gutter-horizontal { | 54 | .gutter.gutter-horizontal { |
| 54 | cursor: col-resize; | 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 | .gutter.gutter-vertical { | 59 | .gutter.gutter-vertical { |
| 59 | cursor: row-resize; | 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 | float: left; | 66 | float: left; |
| 67 | + height: 100%; | ||
| 66 | } | 68 | } |
| 67 | 69 | ||
| 68 | .tb-split.tb-split-vertical { | 70 | .tb-split.tb-split-vertical { |
| 69 | display: flex; | 71 | display: flex; |
| 72 | + | ||
| 70 | .tb-split.tb-content { | 73 | .tb-split.tb-content { |
| 71 | height: 100%; | 74 | height: 100%; |
| 72 | } | 75 | } |
| @@ -74,42 +77,44 @@ md-dialog.tb-node-script-test-dialog { | @@ -74,42 +77,44 @@ md-dialog.tb-node-script-test-dialog { | ||
| 74 | 77 | ||
| 75 | div.tb-editor-area-title-panel { | 78 | div.tb-editor-area-title-panel { |
| 76 | position: absolute; | 79 | position: absolute; |
| 77 | - font-size: 0.800rem; | ||
| 78 | - font-weight: 500; | ||
| 79 | top: 13px; | 80 | top: 13px; |
| 80 | right: 40px; | 81 | right: 40px; |
| 81 | z-index: 5; | 82 | z-index: 5; |
| 83 | + font-size: .8rem; | ||
| 84 | + font-weight: 500; | ||
| 85 | + | ||
| 82 | &.tb-js-function { | 86 | &.tb-js-function { |
| 83 | right: 80px; | 87 | right: 80px; |
| 84 | } | 88 | } |
| 89 | + | ||
| 85 | label { | 90 | label { |
| 86 | - color: #00acc1; | ||
| 87 | - background: rgba(220, 220, 220, 0.35); | ||
| 88 | - border-radius: 5px; | ||
| 89 | padding: 4px; | 91 | padding: 4px; |
| 92 | + color: #00acc1; | ||
| 90 | text-transform: uppercase; | 93 | text-transform: uppercase; |
| 94 | + background: rgba(220, 220, 220, .35); | ||
| 95 | + border-radius: 5px; | ||
| 91 | } | 96 | } |
| 97 | + | ||
| 92 | .md-button { | 98 | .md-button { |
| 93 | - color: #7B7B7B; | ||
| 94 | min-width: 32px; | 99 | min-width: 32px; |
| 95 | min-height: 15px; | 100 | min-height: 15px; |
| 96 | - line-height: 15px; | ||
| 97 | - font-size: 0.800rem; | ||
| 98 | - margin: 0; | ||
| 99 | padding: 4px; | 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 | .tb-resize-container { | 110 | .tb-resize-container { |
| 105 | - overflow-y: auto; | ||
| 106 | - height: 100%; | ||
| 107 | - width: 100%; | ||
| 108 | position: relative; | 111 | position: relative; |
| 112 | + width: 100%; | ||
| 113 | + height: 100%; | ||
| 114 | + overflow-y: auto; | ||
| 109 | 115 | ||
| 110 | .ace_editor { | 116 | .ace_editor { |
| 111 | height: 100%; | 117 | height: 100%; |
| 112 | } | 118 | } |
| 113 | } | 119 | } |
| 114 | - | ||
| 115 | } | 120 | } |
| @@ -13,20 +13,21 @@ | @@ -13,20 +13,21 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | md-toast.tb-info-toast .md-toast-content { | 17 | md-toast.tb-info-toast .md-toast-content { |
| 17 | - font-size: 18px; | ||
| 18 | - padding: 18px; | ||
| 19 | height: 100%; | 18 | height: 100%; |
| 19 | + padding: 18px; | ||
| 20 | + font-size: 18px; | ||
| 20 | } | 21 | } |
| 21 | 22 | ||
| 22 | md-toast.tb-success-toast .md-toast-content { | 23 | md-toast.tb-success-toast .md-toast-content { |
| 23 | - font-size: 18px !important; | ||
| 24 | - background-color: green; | ||
| 25 | height: 100%; | 24 | height: 100%; |
| 25 | + font-size: 18px !important; | ||
| 26 | + background-color: #008000; | ||
| 26 | } | 27 | } |
| 27 | 28 | ||
| 28 | md-toast.tb-error-toast .md-toast-content { | 29 | md-toast.tb-error-toast .md-toast-content { |
| 29 | - font-size: 18px !important; | ||
| 30 | - background-color: maroon; | ||
| 31 | height: 100%; | 30 | height: 100%; |
| 31 | + font-size: 18px !important; | ||
| 32 | + background-color: #800000; | ||
| 32 | } | 33 | } |
| @@ -13,18 +13,20 @@ | @@ -13,18 +13,20 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -@import '../../scss/constants'; | 16 | +@import "../../scss/constants"; |
| 17 | 17 | ||
| 18 | .tb-default-dashboard { | 18 | .tb-default-dashboard { |
| 19 | .tb-default-dashboard-label { | 19 | .tb-default-dashboard-label { |
| 20 | padding-bottom: 8px; | 20 | padding-bottom: 8px; |
| 21 | } | 21 | } |
| 22 | + | ||
| 22 | tb-dashboard-autocomplete { | 23 | tb-dashboard-autocomplete { |
| 23 | @media (min-width: $layout-breakpoint-sm) { | 24 | @media (min-width: $layout-breakpoint-sm) { |
| 24 | padding-right: 12px; | 25 | padding-right: 12px; |
| 25 | } | 26 | } |
| 27 | + | ||
| 26 | @media (max-width: $layout-breakpoint-sm) { | 28 | @media (max-width: $layout-breakpoint-sm) { |
| 27 | padding-bottom: 12px; | 29 | padding-bottom: 12px; |
| 28 | } | 30 | } |
| 29 | } | 31 | } |
| 30 | -} | ||
| 32 | +} |
| @@ -13,11 +13,13 @@ | @@ -13,11 +13,13 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-has-timewindow { | 17 | .tb-has-timewindow { |
| 17 | .tb-alarms-table { | 18 | .tb-alarms-table { |
| 18 | md-toolbar { | 19 | md-toolbar { |
| 19 | min-height: 60px; | 20 | min-height: 60px; |
| 20 | max-height: 60px; | 21 | max-height: 60px; |
| 22 | + | ||
| 21 | &.md-table-toolbar { | 23 | &.md-table-toolbar { |
| 22 | .md-toolbar-tools { | 24 | .md-toolbar-tools { |
| 23 | max-height: 60px; | 25 | max-height: 60px; |
| @@ -28,10 +30,10 @@ | @@ -28,10 +30,10 @@ | ||
| 28 | } | 30 | } |
| 29 | 31 | ||
| 30 | .tb-alarms-table { | 32 | .tb-alarms-table { |
| 31 | - | ||
| 32 | md-toolbar { | 33 | md-toolbar { |
| 33 | min-height: 39px; | 34 | min-height: 39px; |
| 34 | max-height: 39px; | 35 | max-height: 39px; |
| 36 | + | ||
| 35 | &.md-table-toolbar { | 37 | &.md-table-toolbar { |
| 36 | .md-toolbar-tools { | 38 | .md-toolbar-tools { |
| 37 | max-height: 39px; | 39 | max-height: 39px; |
| @@ -40,14 +42,15 @@ | @@ -40,14 +42,15 @@ | ||
| 40 | } | 42 | } |
| 41 | 43 | ||
| 42 | &.tb-data-table { | 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 | tbody { | 47 | tbody { |
| 45 | tr { | 48 | tr { |
| 46 | td { | 49 | td { |
| 47 | &.tb-action-cell { | 50 | &.tb-action-cell { |
| 51 | + width: 36px; | ||
| 48 | min-width: 36px; | 52 | min-width: 36px; |
| 49 | max-width: 36px; | 53 | max-width: 36px; |
| 50 | - width: 36px; | ||
| 51 | } | 54 | } |
| 52 | } | 55 | } |
| 53 | } | 56 | } |
| @@ -13,11 +13,13 @@ | @@ -13,11 +13,13 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | .tb-has-timewindow { | 17 | .tb-has-timewindow { |
| 17 | .tb-entities-table { | 18 | .tb-entities-table { |
| 18 | md-toolbar { | 19 | md-toolbar { |
| 19 | min-height: 60px; | 20 | min-height: 60px; |
| 20 | max-height: 60px; | 21 | max-height: 60px; |
| 22 | + | ||
| 21 | &.md-table-toolbar { | 23 | &.md-table-toolbar { |
| 22 | .md-toolbar-tools { | 24 | .md-toolbar-tools { |
| 23 | max-height: 60px; | 25 | max-height: 60px; |
| @@ -28,10 +30,10 @@ | @@ -28,10 +30,10 @@ | ||
| 28 | } | 30 | } |
| 29 | 31 | ||
| 30 | .tb-entities-table { | 32 | .tb-entities-table { |
| 31 | - | ||
| 32 | md-toolbar { | 33 | md-toolbar { |
| 33 | min-height: 39px; | 34 | min-height: 39px; |
| 34 | max-height: 39px; | 35 | max-height: 39px; |
| 36 | + | ||
| 35 | &.md-table-toolbar { | 37 | &.md-table-toolbar { |
| 36 | .md-toolbar-tools { | 38 | .md-toolbar-tools { |
| 37 | max-height: 39px; | 39 | max-height: 39px; |
| @@ -40,14 +42,15 @@ | @@ -40,14 +42,15 @@ | ||
| 40 | } | 42 | } |
| 41 | 43 | ||
| 42 | &.tb-data-table { | 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 | tbody { | 47 | tbody { |
| 45 | tr { | 48 | tr { |
| 46 | td { | 49 | td { |
| 47 | &.tb-action-cell { | 50 | &.tb-action-cell { |
| 51 | + width: 36px; | ||
| 48 | min-width: 36px; | 52 | min-width: 36px; |
| 49 | max-width: 36px; | 53 | max-width: 36px; |
| 50 | - width: 36px; | ||
| 51 | } | 54 | } |
| 52 | } | 55 | } |
| 53 | } | 56 | } |
| @@ -13,16 +13,19 @@ | @@ -13,16 +13,19 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | tb-extension-table { | 17 | tb-extension-table { |
| 17 | md-content { | 18 | md-content { |
| 18 | background-color: #fff; | 19 | background-color: #fff; |
| 19 | } | 20 | } |
| 20 | } | 21 | } |
| 22 | + | ||
| 21 | md-tabs.hide-tabs-menu { | 23 | md-tabs.hide-tabs-menu { |
| 22 | md-tabs-wrapper { | 24 | md-tabs-wrapper { |
| 23 | display: none; | 25 | display: none; |
| 24 | } | 26 | } |
| 27 | + | ||
| 25 | md-tabs-content-wrapper { | 28 | md-tabs-content-wrapper { |
| 26 | top: 0 !important; | 29 | top: 0 !important; |
| 27 | } | 30 | } |
| 28 | -} | ||
| 31 | +} |
| @@ -13,141 +13,156 @@ | @@ -13,141 +13,156 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 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 | .tb-knob { | 31 | .tb-knob { |
| 32 | - width:100%; | ||
| 33 | - height:100%; | 32 | + width: 100%; |
| 33 | + height: 100%; | ||
| 34 | background: $background-color; | 34 | background: $background-color; |
| 35 | 35 | ||
| 36 | .knob { | 36 | .knob { |
| 37 | position: relative; | 37 | position: relative; |
| 38 | + | ||
| 38 | &[draggable] { | 39 | &[draggable] { |
| 39 | -moz-user-select: none; | 40 | -moz-user-select: none; |
| 40 | -webkit-user-select: none; | 41 | -webkit-user-select: none; |
| 41 | user-select: none; | 42 | user-select: none; |
| 42 | } | 43 | } |
| 44 | + | ||
| 43 | #canvasBar { | 45 | #canvasBar { |
| 44 | - position:absolute; | ||
| 45 | - top:0; | ||
| 46 | - left:0; | ||
| 47 | - bottom: 0; | 46 | + position: absolute; |
| 47 | + top: 0; | ||
| 48 | right: 0; | 48 | right: 0; |
| 49 | + bottom: 0; | ||
| 50 | + left: 0; | ||
| 49 | z-index: 2; | 51 | z-index: 2; |
| 50 | } | 52 | } |
| 53 | + | ||
| 51 | .canvas-background { | 54 | .canvas-background { |
| 52 | - position:absolute; | 55 | + position: absolute; |
| 53 | top: $background-margin-pct; | 56 | top: $background-margin-pct; |
| 54 | - left: $background-margin-pct; | ||
| 55 | - bottom: $background-margin-pct; | ||
| 56 | right: $background-margin-pct; | 57 | right: $background-margin-pct; |
| 57 | - border-radius: 50%; | 58 | + bottom: $background-margin-pct; |
| 59 | + left: $background-margin-pct; | ||
| 60 | + z-index: 2; | ||
| 58 | background: #3f4346; | 61 | background: #3f4346; |
| 59 | - z-index:2; | 62 | + border-radius: 50%; |
| 60 | } | 63 | } |
| 64 | + | ||
| 61 | .value-container { | 65 | .value-container { |
| 62 | - position:absolute; | 66 | + position: absolute; |
| 63 | top: $value-container-margin-pct; | 67 | top: $value-container-margin-pct; |
| 64 | - left: $value-container-margin-pct; | ||
| 65 | - bottom: $value-container-margin-pct; | ||
| 66 | right: $value-container-margin-pct; | 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 | .knob-value { | 73 | .knob-value { |
| 69 | - color: #fff; | ||
| 70 | font-weight: 500; | 74 | font-weight: 500; |
| 75 | + color: #fff; | ||
| 71 | white-space: nowrap; | 76 | white-space: nowrap; |
| 72 | } | 77 | } |
| 73 | } | 78 | } |
| 79 | + | ||
| 74 | .error-container { | 80 | .error-container { |
| 75 | - position:absolute; | 81 | + position: absolute; |
| 76 | top: 1%; | 82 | top: 1%; |
| 77 | - left: 0; | ||
| 78 | right: 0; | 83 | right: 0; |
| 79 | - z-index:4; | 84 | + left: 0; |
| 85 | + z-index: 4; | ||
| 80 | height: $error-height; | 86 | height: $error-height; |
| 87 | + | ||
| 81 | .knob-error { | 88 | .knob-error { |
| 82 | color: #ff3315; | 89 | color: #ff3315; |
| 83 | white-space: nowrap; | 90 | white-space: nowrap; |
| 84 | } | 91 | } |
| 85 | } | 92 | } |
| 93 | + | ||
| 86 | .title-container { | 94 | .title-container { |
| 87 | - position:absolute; | ||
| 88 | - left: $title-container-margin-pct; | ||
| 89 | - bottom: $title-container-margin-bottom-pct; | 95 | + position: absolute; |
| 90 | right: $title-container-margin-pct; | 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 | height: $title-height; | 100 | height: $title-height; |
| 101 | + | ||
| 93 | .knob-title { | 102 | .knob-title { |
| 94 | - color: #757575; | ||
| 95 | font-weight: 500; | 103 | font-weight: 500; |
| 104 | + color: #757575; | ||
| 96 | white-space: nowrap; | 105 | white-space: nowrap; |
| 97 | } | 106 | } |
| 98 | } | 107 | } |
| 108 | + | ||
| 99 | .minmax-container { | 109 | .minmax-container { |
| 100 | - position:absolute; | ||
| 101 | - left: $minmax-container-margin-pct; | ||
| 102 | - bottom: $minmax-container-margin-bottom-pct; | 110 | + position: absolute; |
| 103 | right: $minmax-container-margin-pct; | 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 | height: $minmax-height; | 115 | height: $minmax-height; |
| 116 | + | ||
| 106 | .minmax-label { | 117 | .minmax-label { |
| 107 | - color: #757575; | ||
| 108 | font-weight: 500; | 118 | font-weight: 500; |
| 119 | + color: #757575; | ||
| 109 | white-space: nowrap; | 120 | white-space: nowrap; |
| 110 | } | 121 | } |
| 111 | } | 122 | } |
| 123 | + | ||
| 112 | .top-pointer-container { | 124 | .top-pointer-container { |
| 113 | - position:absolute; | 125 | + position: absolute; |
| 114 | top: $bars-margin-pct; | 126 | top: $bars-margin-pct; |
| 115 | - left: $bars-margin-pct; | ||
| 116 | - bottom: $bars-margin-pct; | ||
| 117 | right: $bars-margin-pct; | 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 | .top-pointer { | 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 | border-radius: 50%; | 143 | border-radius: 50%; |
| 130 | - cursor:pointer !important; | ||
| 131 | box-shadow: 1px 0 2px #040404; | 144 | box-shadow: 1px 0 2px #040404; |
| 132 | } | 145 | } |
| 133 | } | 146 | } |
| 147 | + | ||
| 134 | .top{ | 148 | .top{ |
| 135 | - position:absolute; | 149 | + position: absolute; |
| 136 | top: $bars-margin-pct; | 150 | top: $bars-margin-pct; |
| 137 | - left: $bars-margin-pct; | ||
| 138 | - bottom: $bars-margin-pct; | ||
| 139 | right: $bars-margin-pct; | 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 | background-size: contain; | 157 | background-size: contain; |
| 142 | - z-index:2; | ||
| 143 | - cursor:pointer !important; | ||
| 144 | } | 158 | } |
| 159 | + | ||
| 145 | #text-measure { | 160 | #text-measure { |
| 146 | position: absolute; | 161 | position: absolute; |
| 147 | - visibility: hidden; | ||
| 148 | - height: auto; | ||
| 149 | width: auto; | 162 | width: auto; |
| 163 | + height: auto; | ||
| 150 | white-space: nowrap; | 164 | white-space: nowrap; |
| 165 | + visibility: hidden; | ||
| 151 | } | 166 | } |
| 152 | } | 167 | } |
| 153 | } | 168 | } |
| @@ -15,61 +15,65 @@ | @@ -15,61 +15,65 @@ | ||
| 15 | */ | 15 | */ |
| 16 | @import "~compass-sass-mixins/lib/compass"; | 16 | @import "~compass-sass-mixins/lib/compass"; |
| 17 | 17 | ||
| 18 | -$error-height: 14px; | 18 | +$error-height: 14px !default; |
| 19 | 19 | ||
| 20 | -$background-color: #e6e7e8; | 20 | +$background-color: #e6e7e8 !default; |
| 21 | 21 | ||
| 22 | .tb-led-indicator { | 22 | .tb-led-indicator { |
| 23 | - width:100%; | ||
| 24 | - height:100%; | 23 | + width: 100%; |
| 24 | + height: 100%; | ||
| 25 | background: $background-color; | 25 | background: $background-color; |
| 26 | 26 | ||
| 27 | .title-container { | 27 | .title-container { |
| 28 | .led-title { | 28 | .led-title { |
| 29 | - color: #757575; | ||
| 30 | font-weight: 500; | 29 | font-weight: 500; |
| 30 | + color: #757575; | ||
| 31 | white-space: nowrap; | 31 | white-space: nowrap; |
| 32 | } | 32 | } |
| 33 | } | 33 | } |
| 34 | 34 | ||
| 35 | .error-container { | 35 | .error-container { |
| 36 | - position:absolute; | 36 | + position: absolute; |
| 37 | top: 1%; | 37 | top: 1%; |
| 38 | - left: 0; | ||
| 39 | right: 0; | 38 | right: 0; |
| 40 | - z-index:4; | 39 | + left: 0; |
| 40 | + z-index: 4; | ||
| 41 | height: $error-height; | 41 | height: $error-height; |
| 42 | + | ||
| 42 | .led-error { | 43 | .led-error { |
| 43 | color: #ff3315; | 44 | color: #ff3315; |
| 44 | white-space: nowrap; | 45 | white-space: nowrap; |
| 45 | } | 46 | } |
| 46 | } | 47 | } |
| 48 | + | ||
| 47 | #text-measure { | 49 | #text-measure { |
| 48 | position: absolute; | 50 | position: absolute; |
| 49 | - visibility: hidden; | ||
| 50 | - height: auto; | ||
| 51 | width: auto; | 51 | width: auto; |
| 52 | + height: auto; | ||
| 52 | white-space: nowrap; | 53 | white-space: nowrap; |
| 54 | + visibility: hidden; | ||
| 53 | } | 55 | } |
| 54 | 56 | ||
| 55 | #led-container { | 57 | #led-container { |
| 56 | padding: 10px; | 58 | padding: 10px; |
| 59 | + | ||
| 57 | .led { | 60 | .led { |
| 58 | - cursor: pointer; | ||
| 59 | position: relative; | 61 | position: relative; |
| 62 | + cursor: pointer; | ||
| 63 | + background-image: -owg-radial-gradient(50% 50%, circle closest-corner, transparent, rgba(0, 0, 0, .25)); | ||
| 64 | + background-image: -webkit-radial-gradient(50% 50%, circle closest-corner, transparent, rgba(0, 0, 0, .25)); | ||
| 65 | + background-image: -moz-radial-gradient(50% 50%, circle closest-corner, transparent, rgba(0, 0, 0, .25)); | ||
| 66 | + background-image: -o-radial-gradient(50% 50%, circle closest-corner, transparent, rgba(0, 0, 0, .25)); | ||
| 67 | + background-image: radial-gradient(50% 50%, circle closest-corner, transparent, rgba(0, 0, 0, .25)); | ||
| 60 | border-radius: 50%; | 68 | border-radius: 50%; |
| 61 | - background-image: -owg-radial-gradient(50% 50%, circle closest-corner, transparent, rgba(0, 0, 0, 0.25)); | ||
| 62 | - background-image: -webkit-radial-gradient(50% 50%, circle closest-corner, transparent, rgba(0, 0, 0, 0.25)); | ||
| 63 | - background-image: -moz-radial-gradient(50% 50%, circle closest-corner, transparent, rgba(0, 0, 0, 0.25)); | ||
| 64 | - background-image: -o-radial-gradient(50% 50%, circle closest-corner, transparent, rgba(0, 0, 0, 0.25)); | ||
| 65 | - background-image: radial-gradient(50% 50%, circle closest-corner, transparent, rgba(0, 0, 0, 0.25)); | ||
| 66 | - transition: background-color 0.5s, box-shadow 0.5s; | 69 | + transition: background-color .5s, box-shadow .5s; |
| 70 | + | ||
| 67 | &.disabled { | 71 | &.disabled { |
| 68 | - background-image: -owg-radial-gradient(50% 50%, circle closest-corner, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.1)); | ||
| 69 | - background-image: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.1)); | ||
| 70 | - background-image: -moz-radial-gradient(50% 50%, circle closest-corner, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.1)); | ||
| 71 | - background-image: -o-radial-gradient(50% 50%, circle closest-corner, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.1)); | ||
| 72 | - background-image: radial-gradient(50% 50%, circle closest-corner, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.1)); | 72 | + background-image: -owg-radial-gradient(50% 50%, circle closest-corner, rgba(255, 255, 255, .5), rgba(0, 0, 0, .1)); |
| 73 | + background-image: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(255, 255, 255, .5), rgba(0, 0, 0, .1)); | ||
| 74 | + background-image: -moz-radial-gradient(50% 50%, circle closest-corner, rgba(255, 255, 255, .5), rgba(0, 0, 0, .1)); | ||
| 75 | + background-image: -o-radial-gradient(50% 50%, circle closest-corner, rgba(255, 255, 255, .5), rgba(0, 0, 0, .1)); | ||
| 76 | + background-image: radial-gradient(50% 50%, circle closest-corner, rgba(255, 255, 255, .5), rgba(0, 0, 0, .1)); | ||
| 73 | } | 77 | } |
| 74 | } | 78 | } |
| 75 | } | 79 | } |
| @@ -15,179 +15,201 @@ | @@ -15,179 +15,201 @@ | ||
| 15 | */ | 15 | */ |
| 16 | @import "~compass-sass-mixins/lib/compass"; | 16 | @import "~compass-sass-mixins/lib/compass"; |
| 17 | 17 | ||
| 18 | -$error-height: 14px; | 18 | +$error-height: 14px !default; |
| 19 | 19 | ||
| 20 | -$background-color: #e6e7e8; | 20 | +$background-color: #e6e7e8 !default; |
| 21 | 21 | ||
| 22 | .tb-round-switch { | 22 | .tb-round-switch { |
| 23 | - width:100%; | ||
| 24 | - height:100%; | 23 | + width: 100%; |
| 24 | + height: 100%; | ||
| 25 | background: $background-color; | 25 | background: $background-color; |
| 26 | 26 | ||
| 27 | .title-container { | 27 | .title-container { |
| 28 | .switch-title { | 28 | .switch-title { |
| 29 | - color: #757575; | ||
| 30 | font-weight: 500; | 29 | font-weight: 500; |
| 30 | + color: #757575; | ||
| 31 | white-space: nowrap; | 31 | white-space: nowrap; |
| 32 | } | 32 | } |
| 33 | } | 33 | } |
| 34 | 34 | ||
| 35 | .error-container { | 35 | .error-container { |
| 36 | - position:absolute; | 36 | + position: absolute; |
| 37 | top: 1%; | 37 | top: 1%; |
| 38 | - left: 0; | ||
| 39 | right: 0; | 38 | right: 0; |
| 40 | - z-index:4; | 39 | + left: 0; |
| 40 | + z-index: 4; | ||
| 41 | height: $error-height; | 41 | height: $error-height; |
| 42 | + | ||
| 42 | .switch-error { | 43 | .switch-error { |
| 43 | color: #ff3315; | 44 | color: #ff3315; |
| 44 | white-space: nowrap; | 45 | white-space: nowrap; |
| 45 | } | 46 | } |
| 46 | } | 47 | } |
| 48 | + | ||
| 47 | #text-measure { | 49 | #text-measure { |
| 48 | position: absolute; | 50 | position: absolute; |
| 49 | - visibility: hidden; | ||
| 50 | - height: auto; | ||
| 51 | width: auto; | 51 | width: auto; |
| 52 | + height: auto; | ||
| 52 | white-space: nowrap; | 53 | white-space: nowrap; |
| 54 | + visibility: hidden; | ||
| 53 | } | 55 | } |
| 54 | 56 | ||
| 55 | #switch-container { | 57 | #switch-container { |
| 56 | padding: 10px; | 58 | padding: 10px; |
| 59 | + | ||
| 57 | .switch { | 60 | .switch { |
| 58 | - cursor: pointer; | ||
| 59 | position: relative; | 61 | position: relative; |
| 60 | - background:#ddd; | 62 | + width: 260px; |
| 63 | + min-width: 260px; | ||
| 64 | + height: 260px; | ||
| 65 | + min-height: 260px; | ||
| 66 | + padding: 25px; | ||
| 67 | + font-family: sans-serif; | ||
| 68 | + font-size: 48px; | ||
| 69 | + | ||
| 70 | + color: #424242; | ||
| 71 | + cursor: pointer; | ||
| 72 | + -pie-background: -pie-linear-gradient(270deg, #bbb, #ddd); | ||
| 73 | + background: #ddd; | ||
| 61 | background: -owg-linear-gradient(270deg, #bbb, #ddd); | 74 | background: -owg-linear-gradient(270deg, #bbb, #ddd); |
| 62 | background: -webkit-linear-gradient(270deg, #bbb, #ddd); | 75 | background: -webkit-linear-gradient(270deg, #bbb, #ddd); |
| 63 | background: -moz-linear-gradient(270deg, #bbb, #ddd); | 76 | background: -moz-linear-gradient(270deg, #bbb, #ddd); |
| 64 | background: -o-linear-gradient(270deg, #bbb, #ddd); | 77 | background: -o-linear-gradient(270deg, #bbb, #ddd); |
| 65 | - -pie-background: -pie-linear-gradient(270deg, #bbb, #ddd); | ||
| 66 | background: linear-gradient(180deg, #bbb, #ddd); | 78 | background: linear-gradient(180deg, #bbb, #ddd); |
| 67 | - border-radius:130px; | 79 | + border-radius: 130px; |
| 80 | + | ||
| 68 | @include box-sizing(border-box); | 81 | @include box-sizing(border-box); |
| 69 | - @include box-shadow( | ||
| 70 | - 0px 0px 0px 8px rgba(0,0,0,.1) | ||
| 71 | - ,0px 0px 3px 1px rgba(0,0,0,.1) | ||
| 72 | - ,inset 0 8px 3px -8px rgba(255,255,255,.4)); | ||
| 73 | - height: 260px; | ||
| 74 | - min-height: 260px; | ||
| 75 | - padding: 25px; | ||
| 76 | - width: 260px; | ||
| 77 | - min-width: 260px; | ||
| 78 | 82 | ||
| 79 | - color: #424242; | ||
| 80 | - font-family:sans-serif; | ||
| 81 | - font-size:48px; | 83 | + @include box-shadow( |
| 84 | + 0 0 0 8px rgba(0,0,0,.1) | ||
| 85 | + ,0 0 3px 1px rgba(0,0,0,.1) | ||
| 86 | + ,inset 0 8px 3px -8px rgba(255,255,255,.4)); | ||
| 82 | 87 | ||
| 83 | input { | 88 | input { |
| 84 | - display:none | 89 | + display: none; |
| 85 | } | 90 | } |
| 86 | 91 | ||
| 87 | - .on,.off { | ||
| 88 | - position:absolute; | ||
| 89 | - text-align:center; | 92 | + .on, |
| 93 | + .off { | ||
| 94 | + position: absolute; | ||
| 95 | + width: 100%; | ||
| 96 | + text-align: center; | ||
| 97 | + | ||
| 90 | @include text-shadow(1px 1px 4px #4a4a4a); | 98 | @include text-shadow(1px 1px 4px #4a4a4a); |
| 91 | - width:100%; | ||
| 92 | } | 99 | } |
| 93 | 100 | ||
| 94 | .on { | 101 | .on { |
| 95 | - color:#444; | ||
| 96 | - top:10px; | ||
| 97 | - @include transition(all 0.1s); | ||
| 98 | - font-family:sans-serif | 102 | + top: 10px; |
| 103 | + font-family: sans-serif; | ||
| 104 | + color: #444; | ||
| 105 | + | ||
| 106 | + @include transition(all .1s); | ||
| 99 | } | 107 | } |
| 100 | 108 | ||
| 101 | .off { | 109 | .off { |
| 102 | - bottom:5px; | ||
| 103 | - @include transition(all 0.1s); | ||
| 104 | - @include transform(scaleY(0.85)); | 110 | + bottom: 5px; |
| 111 | + | ||
| 112 | + @include transition(all .1s); | ||
| 113 | + | ||
| 114 | + @include transform(scaleY(.85)); | ||
| 105 | } | 115 | } |
| 106 | 116 | ||
| 107 | .but { | 117 | .but { |
| 118 | + position: relative; | ||
| 119 | + display: block; | ||
| 120 | + width: 200px; | ||
| 121 | + height: 178px; | ||
| 122 | + font-size: 48px; | ||
| 108 | cursor: pointer; | 123 | cursor: pointer; |
| 109 | - background-color:#d8d8d8; | 124 | + background-color: #d8d8d8; |
| 125 | + border-bottom-width: 0; | ||
| 110 | border-radius: 400px 400px 400px 400px / 400px 400px 300px 300px; | 126 | border-radius: 400px 400px 400px 400px / 400px 400px 300px 300px; |
| 111 | - border-bottom-width:0px; | 127 | + |
| 112 | @include box-shadow(inset 8px 6px 5px -7px #a2a2a2, | 128 | @include box-shadow(inset 8px 6px 5px -7px #a2a2a2, |
| 113 | - inset -8px 6px 5px -7px #a2a2a2, | ||
| 114 | - inset 0 -3px 2px -2px rgba(200, 200, 200, 0.5), | ||
| 115 | - 0 3px 3px -2px #ffffff, | ||
| 116 | - inset 0 -230px 60px -200px rgba(255, 255, 255, 0.2), | ||
| 117 | - inset 0 220px 40px -200px rgba(0, 0, 0, 0.3)); | ||
| 118 | - display:block; | ||
| 119 | - font-size:48px; | ||
| 120 | - height:178px; | ||
| 121 | - position:relative; | ||
| 122 | - @include transition(all 0.2s); | ||
| 123 | - width:200px; | 129 | + inset -8px 6px 5px -7px #a2a2a2, |
| 130 | + inset 0 -3px 2px -2px rgba(200, 200, 200, .5), | ||
| 131 | + 0 3px 3px -2px #fff, | ||
| 132 | + inset 0 -230px 60px -200px rgba(255, 255, 255, .2), | ||
| 133 | + inset 0 220px 40px -200px rgba(0, 0, 0, .3)); | ||
| 134 | + | ||
| 135 | + @include transition(all .2s); | ||
| 124 | } | 136 | } |
| 125 | 137 | ||
| 126 | .back { | 138 | .back { |
| 139 | + width: 210px; | ||
| 140 | + height: 210px; | ||
| 141 | + padding: 4px 4px; | ||
| 127 | cursor: pointer; | 142 | cursor: pointer; |
| 128 | background-color: #888787; | 143 | background-color: #888787; |
| 129 | - background-image: -owg-linear-gradient(0deg, transparent 30%, transparent 70%), -owg-linear-gradient(90deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, 0.2) 50%, rgba(150, 150, 150, 0) 70%); | ||
| 130 | - background-image: -webkit-linear-gradient(0deg, transparent 30%, transparent 70%), -webkit-linear-gradient(90deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, 0.2) 50%, rgba(150, 150, 150, 0) 70%); | ||
| 131 | - background-image: -moz-linear-gradient(0deg, transparent 30%, transparent 70%), -moz-linear-gradient(90deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, 0.2) 50%, rgba(150, 150, 150, 0) 70%); | ||
| 132 | - background-image: -o-linear-gradient(0deg, transparent 30%, transparent 70%), -o-linear-gradient(90deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, 0.2) 50%, rgba(150, 150, 150, 0) 70%); | ||
| 133 | - background-image: linear-gradient(-90deg, transparent 30%, transparent 70%), linear-gradient(0deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, 0.2) 50%, rgba(150, 150, 150, 0) 70%); | ||
| 134 | - border-radius:105px; | ||
| 135 | - @include box-shadow(30px 30px 30px -20px rgba(58, 58, 58, 0.3), | ||
| 136 | - -30px 30px 30px -20px rgba(58, 58, 58, 0.3), | ||
| 137 | - 0 30px 30px 0px rgba(16, 16, 16, 0.3), | ||
| 138 | - inset 0 -1px 0 0 #484848); | 144 | + background-image: -owg-linear-gradient(0deg, transparent 30%, transparent 70%), -owg-linear-gradient(90deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, .2) 50%, rgba(150, 150, 150, 0) 70%); |
| 145 | + background-image: -webkit-linear-gradient(0deg, transparent 30%, transparent 70%), -webkit-linear-gradient(90deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, .2) 50%, rgba(150, 150, 150, 0) 70%); | ||
| 146 | + background-image: -moz-linear-gradient(0deg, transparent 30%, transparent 70%), -moz-linear-gradient(90deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, .2) 50%, rgba(150, 150, 150, 0) 70%); | ||
| 147 | + background-image: -o-linear-gradient(0deg, transparent 30%, transparent 70%), -o-linear-gradient(90deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, .2) 50%, rgba(150, 150, 150, 0) 70%); | ||
| 148 | + background-image: linear-gradient(-90deg, transparent 30%, transparent 70%), linear-gradient(0deg, rgba(150, 150, 150, 0) 30%, rgba(150, 150, 150, .2) 50%, rgba(150, 150, 150, 0) 70%); | ||
| 149 | + border-radius: 105px; | ||
| 150 | + | ||
| 151 | + @include box-shadow(30px 30px 30px -20px rgba(58, 58, 58, .3), | ||
| 152 | + -30px 30px 30px -20px rgba(58, 58, 58, .3), | ||
| 153 | + 0 30px 30px 0 rgba(16, 16, 16, .3), | ||
| 154 | + inset 0 -1px 0 0 #484848); | ||
| 155 | + | ||
| 139 | @include box-sizing(border-box); | 156 | @include box-sizing(border-box); |
| 140 | - height:210px; | ||
| 141 | - padding:4px 4px; | ||
| 142 | - @include transition(all 0.2s); | ||
| 143 | - width:210px; | 157 | + |
| 158 | + @include transition(all .2s); | ||
| 144 | } | 159 | } |
| 145 | 160 | ||
| 146 | 161 | ||
| 147 | - input:checked + .back .on,input:checked + .back .off{ | 162 | + input:checked + .back .on, |
| 163 | + input:checked + .back .off{ | ||
| 148 | @include text-shadow(1px 1px 4px #4a4a4a); | 164 | @include text-shadow(1px 1px 4px #4a4a4a); |
| 149 | } | 165 | } |
| 166 | + | ||
| 150 | input:checked + .back .on{ | 167 | input:checked + .back .on{ |
| 151 | - color:#4c4c4c; | ||
| 152 | - top:10px; | ||
| 153 | - @include transform(scaleY(0.85)); | 168 | + top: 10px; |
| 169 | + color: #4c4c4c; | ||
| 170 | + | ||
| 171 | + @include transform(scaleY(.85)); | ||
| 154 | } | 172 | } |
| 173 | + | ||
| 155 | input:checked + .back .off{ | 174 | input:checked + .back .off{ |
| 156 | - color:#444; | ||
| 157 | - bottom:5px; | 175 | + bottom: 5px; |
| 176 | + color: #444; | ||
| 177 | + | ||
| 158 | @include transform(scaleY(1)); | 178 | @include transform(scaleY(1)); |
| 159 | } | 179 | } |
| 180 | + | ||
| 160 | input:checked + .back .but{ | 181 | input:checked + .back .but{ |
| 161 | - background:#dcdcdc; | ||
| 162 | - background-image: -owg-radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, 0.3), transparent); | ||
| 163 | - background-image: -webkit-radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, 0.3), transparent); | ||
| 164 | - background-image: -moz-radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, 0.3), transparent); | ||
| 165 | - background-image: -o-radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, 0.3), transparent); | ||
| 166 | - background-image: radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, 0.3), transparent); | 182 | + margin-top: 20px; |
| 183 | + background: #dcdcdc; | ||
| 184 | + background-image: -owg-radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, .3), transparent); | ||
| 185 | + background-image: -webkit-radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, .3), transparent); | ||
| 186 | + background-image: -moz-radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, .3), transparent); | ||
| 187 | + background-image: -o-radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, .3), transparent); | ||
| 188 | + background-image: radial-gradient(50% 15%, circle closest-corner, rgba(0, 0, 0, .3), transparent); | ||
| 167 | border-radius: 400px 400px 400px 400px / 300px 300px 400px 400px; | 189 | border-radius: 400px 400px 400px 400px / 300px 300px 400px 400px; |
| 190 | + | ||
| 168 | @include box-shadow(inset 8px -4px 5px -7px #a9a9a9, | 191 | @include box-shadow(inset 8px -4px 5px -7px #a9a9a9, |
| 169 | - inset -8px -4px 5px -7px #808080, | ||
| 170 | - 0 -3px 8px -4px rgba(50, 50, 50, 0.4), | ||
| 171 | - inset 0 3px 4px -2px #9c9c9c, | ||
| 172 | - inset 0 280px 40px -200px rgba(0, 0, 0, 0.2), | ||
| 173 | - inset 0 -200px 40px -200px rgba(180, 180, 180, 0.2)); | ||
| 174 | - margin-top:20px; | 192 | + inset -8px -4px 5px -7px #808080, |
| 193 | + 0 -3px 8px -4px rgba(50, 50, 50, .4), | ||
| 194 | + inset 0 3px 4px -2px #9c9c9c, | ||
| 195 | + inset 0 280px 40px -200px rgba(0, 0, 0, .2), | ||
| 196 | + inset 0 -200px 40px -200px rgba(180, 180, 180, .2)); | ||
| 175 | } | 197 | } |
| 176 | - input:checked + .back{ | ||
| 177 | 198 | ||
| 178 | - background-image: -owg-linear-gradient(90deg, #868686 30%, transparent 70%), -owg-linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, 0.74) 50%, rgba(105, 105, 105, 0) 100%); | ||
| 179 | - background-image: -webkit-linear-gradient(90deg, #868686 30%, transparent 70%), -webkit-linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, 0.74) 50%, rgba(105, 105, 105, 0) 100%); | ||
| 180 | - background-image: -moz-linear-gradient(90deg, #868686 30%, transparent 70%), -moz-linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, 0.74) 50%, rgba(105, 105, 105, 0) 100%); | ||
| 181 | - background-image: -o-linear-gradient(90deg, #868686 30%, transparent 70%), -o-linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, 0.74) 50%, rgba(105, 105, 105, 0) 100%); | ||
| 182 | - background-image: linear-gradient(0deg, #868686 30%, transparent 70%), linear-gradient(90deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, 0.74) 50%, rgba(105, 105, 105, 0) 100%); | ||
| 183 | - | ||
| 184 | - @include box-shadow(30px 30px 30px -20px rgba(49, 49, 49, 0.1), | ||
| 185 | - -30px 30px 30px -20px rgba(111, 111, 111, 0.1), | ||
| 186 | - 0 30px 30px 0px rgba(0, 0, 0, 0.2), | ||
| 187 | - inset 0 1px 2px 0 rgba(167, 167, 167, 0.6)); | ||
| 188 | - padding:2px 4px; | 199 | + input:checked + .back{ |
| 200 | + padding: 2px 4px; | ||
| 201 | + | ||
| 202 | + background-image: -owg-linear-gradient(90deg, #868686 30%, transparent 70%), -owg-linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, .74) 50%, rgba(105, 105, 105, 0) 100%); | ||
| 203 | + background-image: -webkit-linear-gradient(90deg, #868686 30%, transparent 70%), -webkit-linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, .74) 50%, rgba(105, 105, 105, 0) 100%); | ||
| 204 | + background-image: -moz-linear-gradient(90deg, #868686 30%, transparent 70%), -moz-linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, .74) 50%, rgba(105, 105, 105, 0) 100%); | ||
| 205 | + background-image: -o-linear-gradient(90deg, #868686 30%, transparent 70%), -o-linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, .74) 50%, rgba(105, 105, 105, 0) 100%); | ||
| 206 | + background-image: linear-gradient(0deg, #868686 30%, transparent 70%), linear-gradient(90deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, .74) 50%, rgba(105, 105, 105, 0) 100%); | ||
| 207 | + | ||
| 208 | + @include box-shadow(30px 30px 30px -20px rgba(49, 49, 49, .1), | ||
| 209 | + -30px 30px 30px -20px rgba(111, 111, 111, .1), | ||
| 210 | + 0 30px 30px 0 rgba(0, 0, 0, .2), | ||
| 211 | + inset 0 1px 2px 0 rgba(167, 167, 167, .6)); | ||
| 189 | } | 212 | } |
| 190 | - | ||
| 191 | } | 213 | } |
| 192 | } | 214 | } |
| 193 | } | 215 | } |
| @@ -13,27 +13,28 @@ | @@ -13,27 +13,28 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | -$thumb-img: url('./svg/thumb.svg'); | ||
| 17 | -$thumb-checked-img: url('./svg/thumb-checked.svg'); | ||
| 18 | -$thumb-bar-img: url('./svg/thumb-bar.svg'); | ||
| 19 | -$thumb-bar-checked-img: url('./svg/thumb-bar-checked.svg'); | 16 | +$thumb-img: url("./svg/thumb.svg") !default; |
| 17 | +$thumb-checked-img: url("./svg/thumb-checked.svg") !default; | ||
| 18 | +$thumb-bar-img: url("./svg/thumb-bar.svg") !default; | ||
| 19 | +$thumb-bar-checked-img: url("./svg/thumb-bar-checked.svg") !default; | ||
| 20 | 20 | ||
| 21 | -$background-color: #e6e7e8; | 21 | +$background-color: #e6e7e8 !default; |
| 22 | 22 | ||
| 23 | -$error-height: 14px; | 23 | +$error-height: 14px !default; |
| 24 | 24 | ||
| 25 | .tb-switch { | 25 | .tb-switch { |
| 26 | - width:100%; | ||
| 27 | - height:100%; | 26 | + width: 100%; |
| 27 | + height: 100%; | ||
| 28 | background: $background-color; | 28 | background: $background-color; |
| 29 | 29 | ||
| 30 | .error-container { | 30 | .error-container { |
| 31 | - position:absolute; | 31 | + position: absolute; |
| 32 | top: 1%; | 32 | top: 1%; |
| 33 | - left: 0; | ||
| 34 | right: 0; | 33 | right: 0; |
| 35 | - z-index:4; | 34 | + left: 0; |
| 35 | + z-index: 4; | ||
| 36 | height: $error-height; | 36 | height: $error-height; |
| 37 | + | ||
| 37 | .switch-error { | 38 | .switch-error { |
| 38 | color: #ff3315; | 39 | color: #ff3315; |
| 39 | white-space: nowrap; | 40 | white-space: nowrap; |
| @@ -42,62 +43,71 @@ $error-height: 14px; | @@ -42,62 +43,71 @@ $error-height: 14px; | ||
| 42 | 43 | ||
| 43 | .onoff-container { | 44 | .onoff-container { |
| 44 | height: 100%; | 45 | height: 100%; |
| 45 | - color: #757575; | ||
| 46 | font-weight: 500; | 46 | font-weight: 500; |
| 47 | + color: #757575; | ||
| 47 | white-space: nowrap; | 48 | white-space: nowrap; |
| 49 | + | ||
| 48 | .off-label { | 50 | .off-label { |
| 49 | color: #b7b5b5; | 51 | color: #b7b5b5; |
| 50 | } | 52 | } |
| 53 | + | ||
| 51 | .on-label { | 54 | .on-label { |
| 52 | color: #ff7e57; | 55 | color: #ff7e57; |
| 53 | text-shadow: #ff6e4a 1px 1px 10px, #ffd1c3 1px 1px 10px; | 56 | text-shadow: #ff6e4a 1px 1px 10px, #ffd1c3 1px 1px 10px; |
| 54 | } | 57 | } |
| 55 | } | 58 | } |
| 59 | + | ||
| 56 | .title-container { | 60 | .title-container { |
| 57 | .switch-title { | 61 | .switch-title { |
| 58 | - color: #757575; | ||
| 59 | font-weight: 500; | 62 | font-weight: 500; |
| 63 | + color: #757575; | ||
| 60 | white-space: nowrap; | 64 | white-space: nowrap; |
| 61 | } | 65 | } |
| 62 | } | 66 | } |
| 63 | 67 | ||
| 64 | #switch-container { | 68 | #switch-container { |
| 65 | - padding-left: 10px; | ||
| 66 | - padding-right: 10px; | 69 | + padding-right: 10px; |
| 70 | + padding-left: 10px; | ||
| 67 | } | 71 | } |
| 72 | + | ||
| 68 | .switch { | 73 | .switch { |
| 69 | position: relative; | 74 | position: relative; |
| 75 | + | ||
| 70 | md-switch { | 76 | md-switch { |
| 71 | - margin: 0; | ||
| 72 | - position:absolute; | 77 | + position: absolute; |
| 73 | top: 0; | 78 | top: 0; |
| 74 | - left: 0; | ||
| 75 | - bottom: 0; | ||
| 76 | right: 0; | 79 | right: 0; |
| 80 | + bottom: 0; | ||
| 81 | + left: 0; | ||
| 82 | + margin: 0; | ||
| 83 | + | ||
| 77 | .md-container { | 84 | .md-container { |
| 78 | margin: 0; | 85 | margin: 0; |
| 79 | } | 86 | } |
| 87 | + | ||
| 80 | .md-bar { | 88 | .md-bar { |
| 89 | + top: 0; | ||
| 81 | left: 0; | 90 | left: 0; |
| 82 | width: 100%; | 91 | width: 100%; |
| 83 | - top: 0; | ||
| 84 | height: 100%; | 92 | height: 100%; |
| 85 | - border-radius: 0; | ||
| 86 | - background:$thumb-bar-img no-repeat; | 93 | + background: $thumb-bar-img no-repeat; |
| 87 | background-size: contain; | 94 | background-size: contain; |
| 95 | + border-radius: 0; | ||
| 88 | } | 96 | } |
| 97 | + | ||
| 89 | .md-thumb-container { | 98 | .md-thumb-container { |
| 90 | - left: 0.25%; | ||
| 91 | - width: 50%; | ||
| 92 | top: 5%; | 99 | top: 5%; |
| 100 | + left: .25%; | ||
| 101 | + width: 50%; | ||
| 93 | height: 90%; | 102 | height: 90%; |
| 94 | } | 103 | } |
| 104 | + | ||
| 95 | .md-thumb { | 105 | .md-thumb { |
| 96 | top: 0; | 106 | top: 0; |
| 97 | left: 0; | 107 | left: 0; |
| 98 | - height: 100%; | ||
| 99 | width: 100%; | 108 | width: 100%; |
| 100 | - background:$thumb-img no-repeat; | 109 | + height: 100%; |
| 110 | + background: $thumb-img no-repeat; | ||
| 101 | background-size: contain; | 111 | background-size: contain; |
| 102 | border-radius: 0; | 112 | border-radius: 0; |
| 103 | box-shadow: none; | 113 | box-shadow: none; |
| @@ -105,22 +115,23 @@ $error-height: 14px; | @@ -105,22 +115,23 @@ $error-height: 14px; | ||
| 105 | 115 | ||
| 106 | &.md-checked { | 116 | &.md-checked { |
| 107 | .md-bar { | 117 | .md-bar { |
| 108 | - background:$thumb-bar-checked-img no-repeat; | 118 | + background: $thumb-bar-checked-img no-repeat; |
| 109 | background-size: contain; | 119 | background-size: contain; |
| 110 | } | 120 | } |
| 121 | + | ||
| 111 | .md-thumb { | 122 | .md-thumb { |
| 112 | - background:$thumb-checked-img no-repeat; | 123 | + background: $thumb-checked-img no-repeat; |
| 113 | background-size: contain; | 124 | background-size: contain; |
| 114 | } | 125 | } |
| 115 | } | 126 | } |
| 116 | - | ||
| 117 | } | 127 | } |
| 118 | } | 128 | } |
| 129 | + | ||
| 119 | #text-measure { | 130 | #text-measure { |
| 120 | position: absolute; | 131 | position: absolute; |
| 121 | - visibility: hidden; | ||
| 122 | - height: auto; | ||
| 123 | width: auto; | 132 | width: auto; |
| 133 | + height: auto; | ||
| 124 | white-space: nowrap; | 134 | white-space: nowrap; |
| 135 | + visibility: hidden; | ||
| 125 | } | 136 | } |
| 126 | } | 137 | } |
| @@ -13,20 +13,22 @@ | @@ -13,20 +13,22 @@ | ||
| 13 | * See the License for the specific language governing permissions and | 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | + | ||
| 16 | tb-timeseries-table-widget { | 17 | tb-timeseries-table-widget { |
| 17 | - table.md-table thead.md-head>tr.md-row { | ||
| 18 | - height: 40px; | ||
| 19 | - } | 18 | + table.md-table thead.md-head > tr.md-row { |
| 19 | + height: 40px; | ||
| 20 | + } | ||
| 20 | 21 | ||
| 21 | - table.md-table tbody.md-body>tr.md-row, table.md-table tfoot.md-foot>tr.md-row { | ||
| 22 | - height: 38px; | ||
| 23 | - } | 22 | + table.md-table tbody.md-body > tr.md-row, |
| 23 | + table.md-table tfoot.md-foot > tr.md-row { | ||
| 24 | + height: 38px; | ||
| 25 | + } | ||
| 24 | 26 | ||
| 25 | - .md-table-pagination>* { | ||
| 26 | - height: 46px; | ||
| 27 | - } | 27 | + .md-table-pagination > * { |
| 28 | + height: 46px; | ||
| 29 | + } | ||
| 28 | 30 | ||
| 29 | - .tb-data-table md-toolbar { | ||
| 30 | - z-index: 10; | ||
| 31 | - } | 31 | + .tb-data-table md-toolbar { |
| 32 | + z-index: 10; | ||
| 33 | + } | ||
| 32 | } | 34 | } |
| @@ -15,13 +15,13 @@ | @@ -15,13 +15,13 @@ | ||
| 15 | */ | 15 | */ |
| 16 | @import "~compass-sass-mixins/lib/compass"; | 16 | @import "~compass-sass-mixins/lib/compass"; |
| 17 | 17 | ||
| 18 | -$edit-toolbar-height: 40px; | 18 | +$edit-toolbar-height: 40px !default; |
| 19 | 19 | ||
| 20 | .tb-editor { | 20 | .tb-editor { |
| 21 | .tb-split { | 21 | .tb-split { |
| 22 | @include box-sizing(border-box); | 22 | @include box-sizing(border-box); |
| 23 | - overflow-y: auto; | ||
| 24 | overflow-x: hidden; | 23 | overflow-x: hidden; |
| 24 | + overflow-y: auto; | ||
| 25 | } | 25 | } |
| 26 | 26 | ||
| 27 | .ace_editor { | 27 | .ace_editor { |
| @@ -29,7 +29,7 @@ $edit-toolbar-height: 40px; | @@ -29,7 +29,7 @@ $edit-toolbar-height: 40px; | ||
| 29 | } | 29 | } |
| 30 | 30 | ||
| 31 | .tb-content { | 31 | .tb-content { |
| 32 | - border: 1px solid #C0C0C0; | 32 | + border: 1px solid #c0c0c0; |
| 33 | } | 33 | } |
| 34 | 34 | ||
| 35 | .gutter { | 35 | .gutter { |
| @@ -41,21 +41,23 @@ $edit-toolbar-height: 40px; | @@ -41,21 +41,23 @@ $edit-toolbar-height: 40px; | ||
| 41 | 41 | ||
| 42 | .gutter.gutter-horizontal { | 42 | .gutter.gutter-horizontal { |
| 43 | cursor: col-resize; | 43 | cursor: col-resize; |
| 44 | - background-image: url('../../../node_modules/split.js/grips/vertical.png'); | 44 | + background-image: url("../../../node_modules/split.js/grips/vertical.png"); |
| 45 | } | 45 | } |
| 46 | 46 | ||
| 47 | .gutter.gutter-vertical { | 47 | .gutter.gutter-vertical { |
| 48 | cursor: row-resize; | 48 | cursor: row-resize; |
| 49 | - background-image: url('../../../node_modules/split.js/grips/horizontal.png'); | 49 | + background-image: url("../../../node_modules/split.js/grips/horizontal.png"); |
| 50 | } | 50 | } |
| 51 | 51 | ||
| 52 | - .tb-split.tb-split-horizontal, .gutter.gutter-horizontal { | ||
| 53 | - height: 100%; | 52 | + .tb-split.tb-split-horizontal, |
| 53 | + .gutter.gutter-horizontal { | ||
| 54 | float: left; | 54 | float: left; |
| 55 | + height: 100%; | ||
| 55 | } | 56 | } |
| 56 | 57 | ||
| 57 | .tb-split.tb-split-vertical { | 58 | .tb-split.tb-split-vertical { |
| 58 | display: flex; | 59 | display: flex; |
| 60 | + | ||
| 59 | .tb-split.tb-content { | 61 | .tb-split.tb-content { |
| 60 | height: 100%; | 62 | height: 100%; |
| 61 | } | 63 | } |
| @@ -64,7 +66,6 @@ $edit-toolbar-height: 40px; | @@ -64,7 +66,6 @@ $edit-toolbar-height: 40px; | ||
| 64 | 66 | ||
| 65 | .tb-split-vertical { | 67 | .tb-split-vertical { |
| 66 | md-tabs { | 68 | md-tabs { |
| 67 | - | ||
| 68 | md-tabs-content-wrapper { | 69 | md-tabs-content-wrapper { |
| 69 | height: calc(100% - 49px); | 70 | height: calc(100% - 49px); |
| 70 | 71 | ||
| @@ -74,45 +75,44 @@ $edit-toolbar-height: 40px; | @@ -74,45 +75,44 @@ $edit-toolbar-height: 40px; | ||
| 74 | & > div { | 75 | & > div { |
| 75 | height: 100%; | 76 | height: 100%; |
| 76 | } | 77 | } |
| 77 | - | ||
| 78 | } | 78 | } |
| 79 | - | ||
| 80 | } | 79 | } |
| 81 | - | ||
| 82 | } | 80 | } |
| 83 | } | 81 | } |
| 84 | 82 | ||
| 85 | div.tb-editor-area-title-panel { | 83 | div.tb-editor-area-title-panel { |
| 86 | position: absolute; | 84 | position: absolute; |
| 87 | - font-size: 0.800rem; | ||
| 88 | - font-weight: 500; | ||
| 89 | top: 5px; | 85 | top: 5px; |
| 90 | right: 20px; | 86 | right: 20px; |
| 91 | z-index: 5; | 87 | z-index: 5; |
| 88 | + font-size: .8rem; | ||
| 89 | + font-weight: 500; | ||
| 90 | + | ||
| 92 | label { | 91 | label { |
| 93 | - color: #00acc1; | ||
| 94 | - background: rgba(220, 220, 220, 0.35); | ||
| 95 | - border-radius: 5px; | ||
| 96 | padding: 4px; | 92 | padding: 4px; |
| 93 | + color: #00acc1; | ||
| 97 | text-transform: uppercase; | 94 | text-transform: uppercase; |
| 95 | + background: rgba(220, 220, 220, .35); | ||
| 96 | + border-radius: 5px; | ||
| 98 | } | 97 | } |
| 98 | + | ||
| 99 | .md-button { | 99 | .md-button { |
| 100 | - color: #7B7B7B; | ||
| 101 | min-width: 32px; | 100 | min-width: 32px; |
| 102 | min-height: 15px; | 101 | min-height: 15px; |
| 103 | - line-height: 15px; | ||
| 104 | - font-size: 0.800rem; | ||
| 105 | - margin: 0; | ||
| 106 | padding: 4px; | 102 | padding: 4px; |
| 107 | - background: rgba(220, 220, 220, 0.35); | 103 | + margin: 0; |
| 104 | + font-size: .8rem; | ||
| 105 | + line-height: 15px; | ||
| 106 | + color: #7b7b7b; | ||
| 107 | + background: rgba(220, 220, 220, .35); | ||
| 108 | } | 108 | } |
| 109 | } | 109 | } |
| 110 | 110 | ||
| 111 | .tb-resize-container { | 111 | .tb-resize-container { |
| 112 | - overflow-y: auto; | ||
| 113 | - height: 100%; | ||
| 114 | - width: 100%; | ||
| 115 | position: relative; | 112 | position: relative; |
| 113 | + width: 100%; | ||
| 114 | + height: 100%; | ||
| 115 | + overflow-y: auto; | ||
| 116 | 116 | ||
| 117 | .ace_editor { | 117 | .ace_editor { |
| 118 | height: 100%; | 118 | height: 100%; |
| @@ -127,24 +127,28 @@ md-toolbar.tb-edit-toolbar { | @@ -127,24 +127,28 @@ md-toolbar.tb-edit-toolbar { | ||
| 127 | .md-toolbar-tools { | 127 | .md-toolbar-tools { |
| 128 | min-height: $edit-toolbar-height !important; | 128 | min-height: $edit-toolbar-height !important; |
| 129 | max-height: $edit-toolbar-height !important; | 129 | max-height: $edit-toolbar-height !important; |
| 130 | + | ||
| 130 | .md-button { | 131 | .md-button { |
| 131 | min-width: 65px; | 132 | min-width: 65px; |
| 132 | min-height: 30px; | 133 | min-height: 30px; |
| 133 | - line-height: 30px; | ||
| 134 | font-size: 12px; | 134 | font-size: 12px; |
| 135 | + line-height: 30px; | ||
| 136 | + | ||
| 135 | md-icon { | 137 | md-icon { |
| 136 | font-size: 20px; | 138 | font-size: 20px; |
| 137 | } | 139 | } |
| 140 | + | ||
| 138 | span { | 141 | span { |
| 139 | padding-right: 6px; | 142 | padding-right: 6px; |
| 140 | } | 143 | } |
| 141 | } | 144 | } |
| 145 | + | ||
| 142 | md-input-container { | 146 | md-input-container { |
| 143 | input { | 147 | input { |
| 144 | - font-size: 1.200rem; | ||
| 145 | - font-weight: 400; | ||
| 146 | - letter-spacing: 0.005em; | ||
| 147 | height: 28px; | 148 | height: 28px; |
| 149 | + font-size: 1.2rem; | ||
| 150 | + font-weight: 400; | ||
| 151 | + letter-spacing: .005em; | ||
| 148 | } | 152 | } |
| 149 | } | 153 | } |
| 150 | } | 154 | } |
| @@ -18,6 +18,7 @@ | @@ -18,6 +18,7 @@ | ||
| 18 | @include keyframes(tbMoveFromTopFade) { | 18 | @include keyframes(tbMoveFromTopFade) { |
| 19 | from { | 19 | from { |
| 20 | opacity: 0; | 20 | opacity: 0; |
| 21 | + | ||
| 21 | @include transform(translate(0, -100%)); | 22 | @include transform(translate(0, -100%)); |
| 22 | } | 23 | } |
| 23 | } | 24 | } |
| @@ -25,6 +26,7 @@ | @@ -25,6 +26,7 @@ | ||
| 25 | @include keyframes(tbMoveToTopFade) { | 26 | @include keyframes(tbMoveToTopFade) { |
| 26 | to { | 27 | to { |
| 27 | opacity: 0; | 28 | opacity: 0; |
| 29 | + | ||
| 28 | @include transform(translate(0, -100%)); | 30 | @include transform(translate(0, -100%)); |
| 29 | } | 31 | } |
| 30 | } | 32 | } |
| @@ -32,6 +34,7 @@ | @@ -32,6 +34,7 @@ | ||
| 32 | @include keyframes(tbMoveFromBottomFade) { | 34 | @include keyframes(tbMoveFromBottomFade) { |
| 33 | from { | 35 | from { |
| 34 | opacity: 0; | 36 | opacity: 0; |
| 37 | + | ||
| 35 | @include transform(translate(0, 100%)); | 38 | @include transform(translate(0, 100%)); |
| 36 | } | 39 | } |
| 37 | } | 40 | } |
| @@ -39,6 +42,7 @@ | @@ -39,6 +42,7 @@ | ||
| 39 | @include keyframes(tbMoveToBottomFade) { | 42 | @include keyframes(tbMoveToBottomFade) { |
| 40 | to { | 43 | to { |
| 41 | opacity: 0; | 44 | opacity: 0; |
| 45 | + | ||
| 42 | @include transform(translate(0, 150%)); | 46 | @include transform(translate(0, 150%)); |
| 43 | } | 47 | } |
| 44 | -} | ||
| 48 | +} |
| @@ -17,18 +17,18 @@ | @@ -17,18 +17,18 @@ | ||
| 17 | 17 | ||
| 18 | // Colors | 18 | // Colors |
| 19 | 19 | ||
| 20 | -$gray: #eee; | 20 | +$gray: #eee !default; |
| 21 | 21 | ||
| 22 | -$primary-palette-color: 'indigo'; | ||
| 23 | -$default: '500'; | ||
| 24 | -$hue-1: '300'; | ||
| 25 | -$hue-2: '800'; | ||
| 26 | -$hue-3: 'a100'; | 22 | +$primary-palette-color: "indigo" !default; |
| 23 | +$default: "500" !default; | ||
| 24 | +$hue-1: "300" !default; | ||
| 25 | +$hue-2: "800" !default; | ||
| 26 | +$hue-3: "a100" !default; | ||
| 27 | 27 | ||
| 28 | -$primary-default: #305680; //material-color($primary-palette-color, $default); | ||
| 29 | -$primary-hue-1: material-color($primary-palette-color, $hue-1); | ||
| 30 | -$primary-hue-2: material-color($primary-palette-color, $hue-2); | ||
| 31 | -$primary-hue-3: rgb(207, 216, 220); | 28 | +$primary-default: #305680 !default; //material-color($primary-palette-color, $default); |
| 29 | +$primary-hue-1: material-color($primary-palette-color, $hue-1) !default; | ||
| 30 | +$primary-hue-2: material-color($primary-palette-color, $hue-2) !default; | ||
| 31 | +$primary-hue-3: rgb(207, 216, 220) !default; | ||
| 32 | 32 | ||
| 33 | // Layout | 33 | // Layout |
| 34 | 34 |
| @@ -14,8 +14,8 @@ | @@ -14,8 +14,8 @@ | ||
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | @font-face { | 16 | @font-face { |
| 17 | - font-family: 'Segment7Standard'; | ||
| 18 | - src: url('data:font/opentype;charset=utf-8;base64,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AAEAAAAIAAAAAAAEAAAAAAAAAAEAAAAAzD2izwAAAADPr89TAAAAAM+4fiECSQAAAkkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABpwBCAC8ALwAvAFwBpwAvAC8ALwBcAC8AXAIBAC8ALwGWAC8ALwBCAC4ALgBYAC8ALwBcAacALwAvAC8ALwAvAC8ALwAvAC8ALwAvAC8ALwGWAC8ALwAvAC8ALwAvAC8AQgAvAC4ALwAvAC8ALwAvAC8ALwAvAEIALwBCAFwBpwAvAC8ALwAvAC8ALwAvAC8BlgAvAC8ALwAvAC8ALwAvAEIALwAuAC8ALwAvAC8ALwAvAC8AAAGWAAAALwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEIAAAAAAAAAAAAvAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC8ALwAAAAAAAAAAAAAAAAAAAC8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA') format('opentype'); | ||
| 19 | - font-weight: normal; | 17 | + font-family: "Segment7Standard"; |
| 20 | font-style: italic; | 18 | font-style: italic; |
| 21 | -} | ||
| 19 | + font-weight: 400; | ||
| 20 | + src: url("data:font/opentype;charset=utf-8;base64,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AAEAAAAIAAAAAAAEAAAAAAAAAAEAAAAAzD2izwAAAADPr89TAAAAAM+4fiECSQAAAkkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABpwBCAC8ALwAvAFwBpwAvAC8ALwBcAC8AXAIBAC8ALwGWAC8ALwBCAC4ALgBYAC8ALwBcAacALwAvAC8ALwAvAC8ALwAvAC8ALwAvAC8ALwGWAC8ALwAvAC8ALwAvAC8AQgAvAC4ALwAvAC8ALwAvAC8ALwAvAEIALwBCAFwBpwAvAC8ALwAvAC8ALwAvAC8BlgAvAC8ALwAvAC8ALwAvAEIALwAuAC8ALwAvAC8ALwAvAC8AAAGWAAAALwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEIAAAAAAAAAAAAvAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC8ALwAAAAAAAAAAAAAAAAAAAC8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format("opentype"); | ||
| 21 | +} |
| @@ -14,77 +14,92 @@ | @@ -14,77 +14,92 @@ | ||
| 14 | * limitations under the License. | 14 | * limitations under the License. |
| 15 | */ | 15 | */ |
| 16 | @import "~compass-sass-mixins/lib/compass"; | 16 | @import "~compass-sass-mixins/lib/compass"; |
| 17 | + | ||
| 17 | @import "constants"; | 18 | @import "constants"; |
| 19 | + | ||
| 18 | @import "animations"; | 20 | @import "animations"; |
| 21 | + | ||
| 19 | @import "mixins"; | 22 | @import "mixins"; |
| 23 | + | ||
| 20 | @import "fonts"; | 24 | @import "fonts"; |
| 21 | 25 | ||
| 22 | /*************** | 26 | /*************** |
| 23 | * TYPE DEFAULTS | 27 | * TYPE DEFAULTS |
| 24 | ***************/ | 28 | ***************/ |
| 25 | 29 | ||
| 26 | -button, html, input, select, textarea { | ||
| 27 | - font-family: Roboto, 'Helvetica Neue', sans-serif; | 30 | +button, |
| 31 | +html, | ||
| 32 | +input, | ||
| 33 | +select, | ||
| 34 | +textarea { | ||
| 35 | + font-family: Roboto, "Helvetica Neue", sans-serif; | ||
| 28 | } | 36 | } |
| 29 | 37 | ||
| 30 | .mdi-set { | 38 | .mdi-set { |
| 31 | line-height: 1; | 39 | line-height: 1; |
| 32 | - letter-spacing: normal; | ||
| 33 | text-transform: none; | 40 | text-transform: none; |
| 34 | - white-space: nowrap; | 41 | + letter-spacing: normal; |
| 35 | word-wrap: normal; | 42 | word-wrap: normal; |
| 43 | + white-space: nowrap; | ||
| 36 | direction: ltr; | 44 | direction: ltr; |
| 37 | - -webkit-font-feature-settings: 'liga'; | 45 | + -webkit-font-feature-settings: "liga"; |
| 38 | } | 46 | } |
| 39 | 47 | ||
| 40 | a { | 48 | a { |
| 41 | - color: #106CC8; | ||
| 42 | - text-decoration: none; | ||
| 43 | font-weight: 400; | 49 | font-weight: 400; |
| 44 | - border-bottom: 1px solid rgba(64, 84, 178, 0.25); | ||
| 45 | - @include transition(border-bottom 0.35s); | 50 | + color: #106cc8; |
| 51 | + text-decoration: none; | ||
| 52 | + border-bottom: 1px solid rgba(64, 84, 178, .25); | ||
| 53 | + | ||
| 54 | + @include transition(border-bottom .35s); | ||
| 46 | } | 55 | } |
| 47 | 56 | ||
| 48 | -a:hover, a:focus { | ||
| 49 | - border-bottom: 1px solid #4054B2; | 57 | +a:hover, |
| 58 | +a:focus { | ||
| 59 | + border-bottom: 1px solid #4054b2; | ||
| 50 | } | 60 | } |
| 51 | 61 | ||
| 52 | -h1, h2, h3, h4, h5, h6 { | ||
| 53 | - margin-bottom: 1rem; | 62 | +h1, |
| 63 | +h2, | ||
| 64 | +h3, | ||
| 65 | +h4, | ||
| 66 | +h5, | ||
| 67 | +h6 { | ||
| 54 | margin-top: 1rem; | 68 | margin-top: 1rem; |
| 69 | + margin-bottom: 1rem; | ||
| 55 | } | 70 | } |
| 56 | 71 | ||
| 57 | h1 { | 72 | h1 { |
| 58 | - font-size: 3.400rem; | 73 | + font-size: 3.4rem; |
| 59 | font-weight: 400; | 74 | font-weight: 400; |
| 60 | line-height: 4rem; | 75 | line-height: 4rem; |
| 61 | } | 76 | } |
| 62 | 77 | ||
| 63 | h2 { | 78 | h2 { |
| 64 | - font-size: 2.400rem; | 79 | + font-size: 2.4rem; |
| 65 | font-weight: 400; | 80 | font-weight: 400; |
| 66 | line-height: 3.2rem; | 81 | line-height: 3.2rem; |
| 67 | } | 82 | } |
| 68 | 83 | ||
| 69 | h3 { | 84 | h3 { |
| 70 | - font-size: 2.000rem; | 85 | + font-size: 2rem; |
| 71 | font-weight: 500; | 86 | font-weight: 500; |
| 72 | - letter-spacing: 0.005em; | 87 | + letter-spacing: .005em; |
| 73 | } | 88 | } |
| 74 | 89 | ||
| 75 | h4 { | 90 | h4 { |
| 76 | - font-size: 1.600rem; | 91 | + font-size: 1.6rem; |
| 77 | font-weight: 400; | 92 | font-weight: 400; |
| 78 | - letter-spacing: 0.010em; | ||
| 79 | line-height: 2.4rem; | 93 | line-height: 2.4rem; |
| 94 | + letter-spacing: .01em; | ||
| 80 | } | 95 | } |
| 81 | 96 | ||
| 82 | p { | 97 | p { |
| 98 | + margin: .8em 0 1.6em; | ||
| 83 | font-size: 1.6rem; | 99 | font-size: 1.6rem; |
| 84 | font-weight: 400; | 100 | font-weight: 400; |
| 85 | - letter-spacing: 0.010em; | ||
| 86 | line-height: 1.6em; | 101 | line-height: 1.6em; |
| 87 | - margin: 0.8em 0 1.6em; | 102 | + letter-spacing: .01em; |
| 88 | } | 103 | } |
| 89 | 104 | ||
| 90 | strong { | 105 | strong { |
| @@ -92,16 +107,16 @@ strong { | @@ -92,16 +107,16 @@ strong { | ||
| 92 | } | 107 | } |
| 93 | 108 | ||
| 94 | blockquote { | 109 | blockquote { |
| 95 | - border-left: 3px solid rgba(0, 0, 0, 0.12); | ||
| 96 | - font-style: italic; | ||
| 97 | - margin-left: 0; | ||
| 98 | padding-left: 16px; | 110 | padding-left: 16px; |
| 111 | + margin-left: 0; | ||
| 112 | + font-style: italic; | ||
| 113 | + border-left: 3px solid rgba(0, 0, 0, .12); | ||
| 99 | } | 114 | } |
| 100 | 115 | ||
| 101 | fieldset { | 116 | fieldset { |
| 102 | - border: none; | ||
| 103 | padding: 0; | 117 | padding: 0; |
| 104 | margin: 0; | 118 | margin: 0; |
| 119 | + border: none; | ||
| 105 | } | 120 | } |
| 106 | 121 | ||
| 107 | /********************************* | 122 | /********************************* |
| @@ -119,26 +134,28 @@ form { | @@ -119,26 +134,28 @@ form { | ||
| 119 | } | 134 | } |
| 120 | 135 | ||
| 121 | md-bottom-sheet .md-subheader { | 136 | md-bottom-sheet .md-subheader { |
| 122 | - font-family: Roboto, 'Helvetica Neue', sans-serif; | 137 | + font-family: Roboto, "Helvetica Neue", sans-serif; |
| 123 | } | 138 | } |
| 124 | 139 | ||
| 125 | .md-chips { | 140 | .md-chips { |
| 126 | - font-family: Roboto, 'Helvetica Neue', sans-serif; | 141 | + font-family: Roboto, "Helvetica Neue", sans-serif; |
| 127 | } | 142 | } |
| 128 | 143 | ||
| 129 | -md-content.md-default-theme, md-content { | 144 | +md-content.md-default-theme, |
| 145 | +md-content { | ||
| 130 | background-color: $gray; | 146 | background-color: $gray; |
| 131 | } | 147 | } |
| 132 | 148 | ||
| 133 | md-card { | 149 | md-card { |
| 134 | background-color: #fff; | 150 | background-color: #fff; |
| 151 | + | ||
| 135 | h2:first-of-type { | 152 | h2:first-of-type { |
| 136 | margin-top: 0; | 153 | margin-top: 0; |
| 137 | } | 154 | } |
| 138 | } | 155 | } |
| 139 | 156 | ||
| 140 | .md-button:not([disabled]).md-icon-button:hover { | 157 | .md-button:not([disabled]).md-icon-button:hover { |
| 141 | - background-color: rgba(158, 158, 158, 0.2); | 158 | + background-color: rgba(158, 158, 158, .2); |
| 142 | } | 159 | } |
| 143 | 160 | ||
| 144 | md-toolbar:not(.md-hue-1), | 161 | md-toolbar:not(.md-hue-1), |
| @@ -147,11 +164,12 @@ md-toolbar:not(.md-hue-1), | @@ -147,11 +164,12 @@ md-toolbar:not(.md-hue-1), | ||
| 147 | } | 164 | } |
| 148 | 165 | ||
| 149 | md-toolbar md-input-container .md-errors-spacer { | 166 | md-toolbar md-input-container .md-errors-spacer { |
| 150 | - min-height: 0px; | 167 | + min-height: 0; |
| 151 | } | 168 | } |
| 152 | 169 | ||
| 153 | md-toolbar { | 170 | md-toolbar { |
| 154 | - md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value { | 171 | + md-select.md-default-theme:not([disabled]):focus .md-select-value, |
| 172 | + md-select:not([disabled]):focus .md-select-value { | ||
| 155 | color: #fff; | 173 | color: #fff; |
| 156 | } | 174 | } |
| 157 | } | 175 | } |
| @@ -159,11 +177,10 @@ md-toolbar { | @@ -159,11 +177,10 @@ md-toolbar { | ||
| 159 | md-menu-item { | 177 | md-menu-item { |
| 160 | overflow: hidden; | 178 | overflow: hidden; |
| 161 | fill: #737373; | 179 | fill: #737373; |
| 162 | -} | ||
| 163 | 180 | ||
| 164 | -md-menu-item { | ||
| 165 | .md-button { | 181 | .md-button { |
| 166 | display: block; | 182 | display: block; |
| 183 | + | ||
| 167 | .tb-alt-text { | 184 | .tb-alt-text { |
| 168 | float: right; | 185 | float: right; |
| 169 | } | 186 | } |
| @@ -190,13 +207,14 @@ md-sidenav { | @@ -190,13 +207,14 @@ md-sidenav { | ||
| 190 | overflow-y: auto; | 207 | overflow-y: auto; |
| 191 | } | 208 | } |
| 192 | 209 | ||
| 193 | -.md-radio-interactive input, button { | 210 | +.md-radio-interactive input, |
| 211 | +button { | ||
| 194 | pointer-events: all; | 212 | pointer-events: all; |
| 195 | } | 213 | } |
| 196 | 214 | ||
| 197 | .md-color-picker-input-container { | 215 | .md-color-picker-input-container { |
| 198 | md-input-container { | 216 | md-input-container { |
| 199 | - margin-bottom: 0px; | 217 | + margin-bottom: 0; |
| 200 | } | 218 | } |
| 201 | } | 219 | } |
| 202 | 220 | ||
| @@ -204,32 +222,36 @@ md-sidenav { | @@ -204,32 +222,36 @@ md-sidenav { | ||
| 204 | * THINGSBOARD SPECIFIC | 222 | * THINGSBOARD SPECIFIC |
| 205 | ***********************/ | 223 | ***********************/ |
| 206 | 224 | ||
| 207 | -$swift-ease-out-duration: 0.4s !default; | ||
| 208 | -$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default; | 225 | +$swift-ease-out-duration: .4s !default; |
| 226 | +$swift-ease-out-timing-function: cubic-bezier(.25, .8, .25, 1) !default; | ||
| 209 | 227 | ||
| 210 | $input-label-float-offset: 6px !default; | 228 | $input-label-float-offset: 6px !default; |
| 211 | -$input-label-float-scale: 0.75 !default; | 229 | +$input-label-float-scale: .75 !default; |
| 212 | 230 | ||
| 213 | label { | 231 | label { |
| 214 | &.tb-title { | 232 | &.tb-title { |
| 215 | - pointer-events: none; | ||
| 216 | - color: #666; | 233 | + padding-bottom: 15px; |
| 217 | font-size: 13px; | 234 | font-size: 13px; |
| 218 | font-weight: 400; | 235 | font-weight: 400; |
| 219 | - padding-bottom: 15px; | 236 | + color: #666; |
| 237 | + pointer-events: none; | ||
| 238 | + | ||
| 220 | &.no-padding { | 239 | &.no-padding { |
| 221 | - padding-bottom: 0px; | 240 | + padding-bottom: 0; |
| 222 | } | 241 | } |
| 223 | - &.tb-required:after { | ||
| 224 | - content: ' *'; | 242 | + |
| 243 | + &.tb-required::after { | ||
| 225 | font-size: 13px; | 244 | font-size: 13px; |
| 245 | + color: rgba(0, 0, 0, .54); | ||
| 226 | vertical-align: top; | 246 | vertical-align: top; |
| 227 | - color: rgba(0,0,0,0.54); | 247 | + content: " *"; |
| 228 | } | 248 | } |
| 249 | + | ||
| 229 | &.tb-error { | 250 | &.tb-error { |
| 230 | - color: rgb(221,44,0); | ||
| 231 | - &.tb-required:after { | ||
| 232 | - color: rgb(221,44,0); | 251 | + color: rgb(221, 44, 0); |
| 252 | + | ||
| 253 | + &.tb-required::after { | ||
| 254 | + color: rgb(221, 44, 0); | ||
| 233 | } | 255 | } |
| 234 | } | 256 | } |
| 235 | } | 257 | } |
| @@ -246,96 +268,107 @@ label { | @@ -246,96 +268,107 @@ label { | ||
| 246 | } | 268 | } |
| 247 | 269 | ||
| 248 | .tb-readonly-label { | 270 | .tb-readonly-label { |
| 249 | - color: rgba(0,0,0,0.54); | 271 | + color: rgba(0, 0, 0, .54); |
| 250 | } | 272 | } |
| 251 | 273 | ||
| 252 | .tb-disabled-label { | 274 | .tb-disabled-label { |
| 253 | - color: rgba(0,0,0,0.44); | 275 | + color: rgba(0, 0, 0, .44); |
| 254 | } | 276 | } |
| 255 | 277 | ||
| 278 | +/* stylelint-disable-next-line no-duplicate-selectors */ | ||
| 256 | label { | 279 | label { |
| 257 | &.tb-small { | 280 | &.tb-small { |
| 258 | - pointer-events: none; | ||
| 259 | - color: rgba(0,0,0,0.54); | ||
| 260 | font-size: 12px; | 281 | font-size: 12px; |
| 282 | + color: rgba(0, 0, 0, .54); | ||
| 283 | + pointer-events: none; | ||
| 261 | } | 284 | } |
| 262 | } | 285 | } |
| 263 | 286 | ||
| 264 | div { | 287 | div { |
| 265 | &.tb-small { | 288 | &.tb-small { |
| 266 | - color: rgba(0,0,0,0.54); | ||
| 267 | font-size: 14px; | 289 | font-size: 14px; |
| 290 | + color: rgba(0, 0, 0, .54); | ||
| 268 | } | 291 | } |
| 269 | } | 292 | } |
| 270 | 293 | ||
| 271 | .tb-hint { | 294 | .tb-hint { |
| 295 | + padding-bottom: 15px; | ||
| 272 | font-size: 12px; | 296 | font-size: 12px; |
| 273 | line-height: 14px; | 297 | line-height: 14px; |
| 274 | - transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); | ||
| 275 | - color: grey; | ||
| 276 | - padding-bottom: 15px; | ||
| 277 | - &.ng-hide, &.ng-enter, &.ng-leave.ng-leave-active { | 298 | + color: #808080; |
| 299 | + transition: all .3s cubic-bezier(.55, 0, .55, .2); | ||
| 300 | + | ||
| 301 | + &.ng-hide, | ||
| 302 | + &.ng-enter, | ||
| 303 | + &.ng-leave.ng-leave-active { | ||
| 278 | bottom: 26px; | 304 | bottom: 26px; |
| 279 | opacity: 0; | 305 | opacity: 0; |
| 280 | } | 306 | } |
| 281 | - &.ng-leave, &.ng-enter.ng-enter-active { | 307 | + |
| 308 | + &.ng-leave, | ||
| 309 | + &.ng-enter.ng-enter-active { | ||
| 282 | bottom: 7px; | 310 | bottom: 7px; |
| 283 | opacity: 1; | 311 | opacity: 1; |
| 284 | } | 312 | } |
| 285 | } | 313 | } |
| 286 | 314 | ||
| 287 | .md-caption { | 315 | .md-caption { |
| 288 | - &.tb-required:after { | ||
| 289 | - content: ' *'; | 316 | + &.tb-required::after { |
| 290 | font-size: 10px; | 317 | font-size: 10px; |
| 318 | + color: rgba(0, 0, 0, .54); | ||
| 291 | vertical-align: top; | 319 | vertical-align: top; |
| 292 | - color: rgba(0,0,0,0.54); | 320 | + content: " *"; |
| 293 | } | 321 | } |
| 294 | } | 322 | } |
| 295 | 323 | ||
| 296 | pre.tb-highlight { | 324 | pre.tb-highlight { |
| 297 | - background-color: #f7f7f7; | ||
| 298 | display: block; | 325 | display: block; |
| 299 | - margin: 20px 0; | ||
| 300 | padding: 15px; | 326 | padding: 15px; |
| 327 | + margin: 20px 0; | ||
| 301 | overflow-x: auto; | 328 | overflow-x: auto; |
| 329 | + background-color: #f7f7f7; | ||
| 330 | + | ||
| 302 | code { | 331 | code { |
| 332 | + box-sizing: border-box; | ||
| 333 | + display: inline-block; | ||
| 303 | padding: 0; | 334 | padding: 0; |
| 304 | - color: #303030; | ||
| 305 | font-family: monospace; | 335 | font-family: monospace; |
| 306 | - display: inline-block; | ||
| 307 | - box-sizing: border-box; | ||
| 308 | - vertical-align: bottom; | ||
| 309 | font-size: 16px; | 336 | font-size: 16px; |
| 310 | - font-weight: bold; | 337 | + font-weight: 700; |
| 338 | + color: #303030; | ||
| 339 | + vertical-align: bottom; | ||
| 311 | } | 340 | } |
| 312 | } | 341 | } |
| 313 | 342 | ||
| 314 | .tb-notice { | 343 | .tb-notice { |
| 315 | - background-color: #f7f7f7; | ||
| 316 | padding: 15px; | 344 | padding: 15px; |
| 317 | - border: 1px solid #ccc; | ||
| 318 | font-size: 16px; | 345 | font-size: 16px; |
| 346 | + background-color: #f7f7f7; | ||
| 347 | + border: 1px solid #ccc; | ||
| 319 | } | 348 | } |
| 320 | 349 | ||
| 321 | .tb-data-table { | 350 | .tb-data-table { |
| 322 | md-toolbar { | 351 | md-toolbar { |
| 323 | z-index: 0; | 352 | z-index: 0; |
| 324 | } | 353 | } |
| 354 | + | ||
| 325 | md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default .md-button[disabled], | 355 | md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default .md-button[disabled], |
| 326 | md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default .md-button[disabled] { | 356 | md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default .md-button[disabled] { |
| 327 | - color: rgba(0,0,0,0.38); | 357 | + color: rgba(0, 0, 0, .38); |
| 328 | } | 358 | } |
| 359 | + | ||
| 329 | md-toolbar.md-default-theme:not(.md-menu-toolbar) .md-button[disabled] md-icon, | 360 | md-toolbar.md-default-theme:not(.md-menu-toolbar) .md-button[disabled] md-icon, |
| 330 | md-toolbar:not(.md-menu-toolbar) .md-button[disabled] md-icon { | 361 | md-toolbar:not(.md-menu-toolbar) .md-button[disabled] md-icon { |
| 331 | - color: rgba(0,0,0,.28); | 362 | + color: rgba(0, 0, 0, .28); |
| 332 | } | 363 | } |
| 364 | + | ||
| 333 | span.no-data-found { | 365 | span.no-data-found { |
| 334 | position: relative; | 366 | position: relative; |
| 367 | + display: flex; | ||
| 335 | height: calc(100% - 57px); | 368 | height: calc(100% - 57px); |
| 336 | text-transform: uppercase; | 369 | text-transform: uppercase; |
| 337 | - display: flex; | ||
| 338 | } | 370 | } |
| 371 | + | ||
| 339 | table.md-table { | 372 | table.md-table { |
| 340 | &.md-row-select td.md-cell, | 373 | &.md-row-select td.md-cell, |
| 341 | &.md-row-select th.md-column { | 374 | &.md-row-select th.md-column { |
| @@ -366,49 +399,55 @@ pre.tb-highlight { | @@ -366,49 +399,55 @@ pre.tb-highlight { | ||
| 366 | 399 | ||
| 367 | td.md-cell, | 400 | td.md-cell, |
| 368 | th.md-column { | 401 | th.md-column { |
| 369 | - | ||
| 370 | &:last-child { | 402 | &:last-child { |
| 371 | padding: 0 12px 0 0; | 403 | padding: 0 12px 0 0; |
| 372 | } | 404 | } |
| 373 | - | ||
| 374 | } | 405 | } |
| 375 | } | 406 | } |
| 376 | 407 | ||
| 377 | - table.md-table, table.md-table.md-row-select { | 408 | + table.md-table, |
| 409 | + table.md-table.md-row-select { | ||
| 378 | tbody { | 410 | tbody { |
| 379 | &.md-body { | 411 | &.md-body { |
| 380 | tr { | 412 | tr { |
| 381 | &.md-row:not([disabled]) { | 413 | &.md-row:not([disabled]) { |
| 382 | outline: none; | 414 | outline: none; |
| 415 | + | ||
| 383 | &:hover { | 416 | &:hover { |
| 384 | - background-color: rgba(221, 221, 221, 0.3) !important; | 417 | + background-color: rgba(221, 221, 221, .3) !important; |
| 385 | } | 418 | } |
| 419 | + | ||
| 386 | &.md-selected { | 420 | &.md-selected { |
| 387 | - background-color: rgba(221, 221, 221, 0.5) !important; | 421 | + background-color: rgba(221, 221, 221, .5) !important; |
| 388 | } | 422 | } |
| 389 | - &.tb-current, &.tb-current:hover{ | ||
| 390 | - background-color: rgba(221, 221, 221, 0.65) !important; | 423 | + |
| 424 | + &.tb-current, | ||
| 425 | + &.tb-current:hover{ | ||
| 426 | + background-color: rgba(221, 221, 221, .65) !important; | ||
| 391 | } | 427 | } |
| 392 | } | 428 | } |
| 393 | } | 429 | } |
| 394 | } | 430 | } |
| 431 | + | ||
| 395 | tr { | 432 | tr { |
| 396 | td { | 433 | td { |
| 397 | &.tb-action-cell { | 434 | &.tb-action-cell { |
| 435 | + width: 72px; | ||
| 436 | + min-width: 72px; | ||
| 437 | + max-width: 72px; | ||
| 398 | overflow: hidden; | 438 | overflow: hidden; |
| 399 | text-overflow: ellipsis; | 439 | text-overflow: ellipsis; |
| 400 | white-space: nowrap; | 440 | white-space: nowrap; |
| 401 | - min-width: 72px; | ||
| 402 | - max-width: 72px; | ||
| 403 | - width: 72px; | 441 | + |
| 404 | .md-button { | 442 | .md-button { |
| 405 | &.md-icon-button { | 443 | &.md-icon-button { |
| 406 | - margin: 0; | ||
| 407 | - padding: 6px; | ||
| 408 | width: 36px; | 444 | width: 36px; |
| 409 | height: 36px; | 445 | height: 36px; |
| 446 | + padding: 6px; | ||
| 447 | + margin: 0; | ||
| 410 | } | 448 | } |
| 411 | } | 449 | } |
| 450 | + | ||
| 412 | .tb-spacer { | 451 | .tb-spacer { |
| 413 | padding-left: 38px; | 452 | padding-left: 38px; |
| 414 | } | 453 | } |
| @@ -420,34 +459,40 @@ pre.tb-highlight { | @@ -420,34 +459,40 @@ pre.tb-highlight { | ||
| 420 | } | 459 | } |
| 421 | 460 | ||
| 422 | .tb-severity { | 461 | .tb-severity { |
| 423 | - font-weight: bold; | 462 | + font-weight: 700; |
| 463 | + | ||
| 424 | &.tb-critical { | 464 | &.tb-critical { |
| 425 | - color: red !important; | 465 | + color: #f00 !important; |
| 426 | } | 466 | } |
| 467 | + | ||
| 427 | &.tb-major { | 468 | &.tb-major { |
| 428 | - color: orange !important; | 469 | + color: #ffa500 !important; |
| 429 | } | 470 | } |
| 471 | + | ||
| 430 | &.tb-minor { | 472 | &.tb-minor { |
| 431 | color: #ffca3d !important; | 473 | color: #ffca3d !important; |
| 432 | } | 474 | } |
| 475 | + | ||
| 433 | &.tb-warning { | 476 | &.tb-warning { |
| 434 | color: #abab00 !important; | 477 | color: #abab00 !important; |
| 435 | } | 478 | } |
| 479 | + | ||
| 436 | &.tb-indeterminate { | 480 | &.tb-indeterminate { |
| 437 | - color: green !important; | 481 | + color: #008000 !important; |
| 438 | } | 482 | } |
| 439 | } | 483 | } |
| 440 | 484 | ||
| 441 | .tb-card-description { | 485 | .tb-card-description { |
| 442 | - color: rgba(0,0,0,0.54); | ||
| 443 | font-size: 13px; | 486 | font-size: 13px; |
| 487 | + color: rgba(0, 0, 0, .54); | ||
| 488 | + | ||
| 444 | @include line-clamp(2, 1.1); | 489 | @include line-clamp(2, 1.1); |
| 445 | } | 490 | } |
| 446 | 491 | ||
| 447 | /*********************** | 492 | /*********************** |
| 448 | * Flow | 493 | * Flow |
| 449 | ***********************/ | 494 | ***********************/ |
| 450 | -$previewSize: 100px; | 495 | +$previewSize: 100px !default; |
| 451 | 496 | ||
| 452 | .file-input { | 497 | .file-input { |
| 453 | display: none; | 498 | display: none; |
| @@ -455,17 +500,19 @@ $previewSize: 100px; | @@ -455,17 +500,19 @@ $previewSize: 100px; | ||
| 455 | 500 | ||
| 456 | .tb-flow-drop { | 501 | .tb-flow-drop { |
| 457 | position: relative; | 502 | position: relative; |
| 458 | - border: dashed 2px; | ||
| 459 | height: $previewSize; | 503 | height: $previewSize; |
| 460 | overflow: hidden; | 504 | overflow: hidden; |
| 505 | + border: dashed 2px; | ||
| 506 | + | ||
| 461 | label { | 507 | label { |
| 462 | - width: 100%; | ||
| 463 | - height: 100%; | ||
| 464 | display: flex; | 508 | display: flex; |
| 465 | flex-direction: column; | 509 | flex-direction: column; |
| 466 | justify-content: center; | 510 | justify-content: center; |
| 511 | + width: 100%; | ||
| 512 | + height: 100%; | ||
| 467 | font-size: 16px; | 513 | font-size: 16px; |
| 468 | text-align: center; | 514 | text-align: center; |
| 515 | + | ||
| 469 | @media (min-width: $layout-breakpoint-sm) { | 516 | @media (min-width: $layout-breakpoint-sm) { |
| 470 | font-size: 24px; | 517 | font-size: 24px; |
| 471 | } | 518 | } |
| @@ -474,8 +521,8 @@ $previewSize: 100px; | @@ -474,8 +521,8 @@ $previewSize: 100px; | ||
| 474 | 521 | ||
| 475 | .tb-container { | 522 | .tb-container { |
| 476 | position: relative; | 523 | position: relative; |
| 477 | - margin-top: 32px; | ||
| 478 | padding: 10px 0; | 524 | padding: 10px 0; |
| 525 | + margin-top: 32px; | ||
| 479 | } | 526 | } |
| 480 | 527 | ||
| 481 | /*********************** | 528 | /*********************** |
| @@ -483,12 +530,12 @@ $previewSize: 100px; | @@ -483,12 +530,12 @@ $previewSize: 100px; | ||
| 483 | ***********************/ | 530 | ***********************/ |
| 484 | 531 | ||
| 485 | .tb-prompt { | 532 | .tb-prompt { |
| 486 | - color: rgba(0,0,0,0.38); | ||
| 487 | - text-transform: uppercase; | ||
| 488 | display: flex; | 533 | display: flex; |
| 489 | font-size: 18px; | 534 | font-size: 18px; |
| 490 | font-weight: 400; | 535 | font-weight: 400; |
| 491 | line-height: 18px; | 536 | line-height: 18px; |
| 537 | + color: rgba(0, 0, 0, .38); | ||
| 538 | + text-transform: uppercase; | ||
| 492 | } | 539 | } |
| 493 | 540 | ||
| 494 | /*********************** | 541 | /*********************** |
| @@ -500,35 +547,37 @@ $previewSize: 100px; | @@ -500,35 +547,37 @@ $previewSize: 100px; | ||
| 500 | } | 547 | } |
| 501 | 548 | ||
| 502 | .tb-error-message { | 549 | .tb-error-message { |
| 550 | + padding: 10px 0 0 10px; | ||
| 551 | + margin-top: -6px; | ||
| 552 | + overflow: hidden; | ||
| 503 | font-size: 12px; | 553 | font-size: 12px; |
| 504 | line-height: 14px; | 554 | line-height: 14px; |
| 505 | - overflow: hidden; | ||
| 506 | - padding: 10px 0px 0px 10px; | ||
| 507 | - color: rgb(221,44,0); | ||
| 508 | - margin-top: -6px; | 555 | + color: rgb(221, 44, 0); |
| 509 | } | 556 | } |
| 510 | 557 | ||
| 511 | .tb-error-message.ng-animate { | 558 | .tb-error-message.ng-animate { |
| 512 | - @include transition(all .3s cubic-bezier(.55,0,.55,.2)); | 559 | + @include transition(all .3s cubic-bezier(.55, 0, .55, .2)); |
| 513 | } | 560 | } |
| 514 | 561 | ||
| 515 | -.tb-error-message.ng-enter-prepare, .tb-error-message.ng-enter { | ||
| 516 | - opacity:0; | 562 | +.tb-error-message.ng-enter-prepare, |
| 563 | +.tb-error-message.ng-enter { | ||
| 517 | margin-top: -24px; | 564 | margin-top: -24px; |
| 565 | + opacity: 0; | ||
| 518 | } | 566 | } |
| 519 | 567 | ||
| 520 | .tb-error-message.ng-enter.ng-enter-active { | 568 | .tb-error-message.ng-enter.ng-enter-active { |
| 521 | - opacity:1; | ||
| 522 | margin-top: -6px; | 569 | margin-top: -6px; |
| 570 | + opacity: 1; | ||
| 523 | } | 571 | } |
| 524 | 572 | ||
| 525 | .tb-error-message.ng-leave { | 573 | .tb-error-message.ng-leave { |
| 526 | - opacity:1; | ||
| 527 | margin-top: -6px; | 574 | margin-top: -6px; |
| 575 | + opacity: 1; | ||
| 528 | } | 576 | } |
| 577 | + | ||
| 529 | .tb-error-message.ng-leave.ng-leave-active { | 578 | .tb-error-message.ng-leave.ng-leave-active { |
| 530 | - opacity:0; | ||
| 531 | margin-top: -24px; | 579 | margin-top: -24px; |
| 580 | + opacity: 0; | ||
| 532 | } | 581 | } |
| 533 | 582 | ||
| 534 | /*********************** | 583 | /*********************** |
| @@ -545,39 +594,41 @@ md-tabs.tb-headless { | @@ -545,39 +594,41 @@ md-tabs.tb-headless { | ||
| 545 | 594 | ||
| 546 | .md-button.tb-card-button { | 595 | .md-button.tb-card-button { |
| 547 | width: 100%; | 596 | width: 100%; |
| 548 | - height: 100%; | ||
| 549 | max-width: 240px; | 597 | max-width: 240px; |
| 598 | + height: 100%; | ||
| 599 | + | ||
| 550 | span { | 600 | span { |
| 601 | + height: 18px; | ||
| 602 | + min-height: 18px; | ||
| 603 | + max-height: 18px; | ||
| 551 | padding: 0 0 20px 0; | 604 | padding: 0 0 20px 0; |
| 605 | + margin: auto; | ||
| 552 | font-size: 18px; | 606 | font-size: 18px; |
| 553 | font-weight: 400; | 607 | font-weight: 400; |
| 554 | - white-space: normal; | ||
| 555 | line-height: 18px; | 608 | line-height: 18px; |
| 556 | - max-height: 18px; | ||
| 557 | - min-height: 18px; | ||
| 558 | - height: 18px; | ||
| 559 | - margin: auto; | 609 | + white-space: normal; |
| 560 | } | 610 | } |
| 561 | } | 611 | } |
| 562 | 612 | ||
| 563 | .md-button.tb-layout-button { | 613 | .md-button.tb-layout-button { |
| 564 | width: 100%; | 614 | width: 100%; |
| 565 | - height: 100%; | ||
| 566 | max-width: 240px; | 615 | max-width: 240px; |
| 616 | + height: 100%; | ||
| 617 | + | ||
| 567 | span { | 618 | span { |
| 568 | padding: 40px; | 619 | padding: 40px; |
| 569 | font-size: 18px; | 620 | font-size: 18px; |
| 570 | font-weight: 400; | 621 | font-weight: 400; |
| 571 | - white-space: normal; | ||
| 572 | line-height: 18px; | 622 | line-height: 18px; |
| 623 | + white-space: normal; | ||
| 573 | } | 624 | } |
| 574 | } | 625 | } |
| 575 | 626 | ||
| 576 | .md-button.tb-add-new-widget { | 627 | .md-button.tb-add-new-widget { |
| 628 | + padding-right: 12px; | ||
| 629 | + font-size: 24px; | ||
| 577 | border-style: dashed; | 630 | border-style: dashed; |
| 578 | border-width: 2px; | 631 | border-width: 2px; |
| 579 | - font-size: 24px; | ||
| 580 | - padding-right: 12px; | ||
| 581 | } | 632 | } |
| 582 | 633 | ||
| 583 | /*********************** | 634 | /*********************** |
| @@ -585,11 +636,12 @@ md-tabs.tb-headless { | @@ -585,11 +636,12 @@ md-tabs.tb-headless { | ||
| 585 | ***********************/ | 636 | ***********************/ |
| 586 | 637 | ||
| 587 | section.tb-header-buttons { | 638 | section.tb-header-buttons { |
| 588 | - pointer-events: none; | ||
| 589 | position: absolute; | 639 | position: absolute; |
| 590 | - right: 0px; | ||
| 591 | top: 86px; | 640 | top: 86px; |
| 641 | + right: 0; | ||
| 592 | z-index: 3; | 642 | z-index: 3; |
| 643 | + pointer-events: none; | ||
| 644 | + | ||
| 593 | @media (min-width: $layout-breakpoint-sm) { | 645 | @media (min-width: $layout-breakpoint-sm) { |
| 594 | top: 86px; | 646 | top: 86px; |
| 595 | } | 647 | } |
| @@ -633,6 +685,7 @@ section.tb-footer-buttons { | @@ -633,6 +685,7 @@ section.tb-footer-buttons { | ||
| 633 | 685 | ||
| 634 | ._md-toast-open-bottom .tb-footer-buttons { | 686 | ._md-toast-open-bottom .tb-footer-buttons { |
| 635 | @include transition(all .4s cubic-bezier(.25, .8, .25, 1)); | 687 | @include transition(all .4s cubic-bezier(.25, .8, .25, 1)); |
| 688 | + | ||
| 636 | @include transform(translate3d(0, -42px, 0)); | 689 | @include transform(translate3d(0, -42px, 0)); |
| 637 | } | 690 | } |
| 638 | 691 | ||
| @@ -641,27 +694,27 @@ section.tb-footer-buttons { | @@ -641,27 +694,27 @@ section.tb-footer-buttons { | ||
| 641 | ***********************/ | 694 | ***********************/ |
| 642 | 695 | ||
| 643 | .md-icon-button.tb-md-32 { | 696 | .md-icon-button.tb-md-32 { |
| 644 | - vertical-align: middle; | ||
| 645 | width: 32px; | 697 | width: 32px; |
| 646 | - height: 32px; | ||
| 647 | min-width: 32px; | 698 | min-width: 32px; |
| 699 | + height: 32px; | ||
| 648 | min-height: 32px; | 700 | min-height: 32px; |
| 649 | - margin: 0px !important; | ||
| 650 | - padding: 0px !important; | 701 | + padding: 0 !important; |
| 702 | + margin: 0 !important; | ||
| 703 | + vertical-align: middle; | ||
| 651 | } | 704 | } |
| 652 | 705 | ||
| 653 | .material-icons.tb-md-20 { | 706 | .material-icons.tb-md-20 { |
| 654 | - font-size: 20px; | ||
| 655 | width: 20px; | 707 | width: 20px; |
| 656 | - height: 20px; | ||
| 657 | min-width: 20px; | 708 | min-width: 20px; |
| 709 | + height: 20px; | ||
| 658 | min-height: 20px; | 710 | min-height: 20px; |
| 711 | + font-size: 20px; | ||
| 659 | } | 712 | } |
| 660 | 713 | ||
| 661 | .material-icons.tb-md-96 { | 714 | .material-icons.tb-md-96 { |
| 662 | - font-size: 96px; | ||
| 663 | width: 96px; | 715 | width: 96px; |
| 664 | height: 96px; | 716 | height: 96px; |
| 717 | + font-size: 96px; | ||
| 665 | } | 718 | } |
| 666 | 719 | ||
| 667 | /*********************** | 720 | /*********************** |
| @@ -671,17 +724,17 @@ section.tb-footer-buttons { | @@ -671,17 +724,17 @@ section.tb-footer-buttons { | ||
| 671 | .tb-absolute-fill { | 724 | .tb-absolute-fill { |
| 672 | position: absolute; | 725 | position: absolute; |
| 673 | top: 0; | 726 | top: 0; |
| 674 | - left: 0; | ||
| 675 | right: 0; | 727 | right: 0; |
| 676 | bottom: 0; | 728 | bottom: 0; |
| 729 | + left: 0; | ||
| 677 | } | 730 | } |
| 678 | 731 | ||
| 679 | .tb-progress-cover { | 732 | .tb-progress-cover { |
| 680 | position: absolute; | 733 | position: absolute; |
| 681 | top: 0; | 734 | top: 0; |
| 682 | - left: 0; | ||
| 683 | right: 0; | 735 | right: 0; |
| 684 | bottom: 0; | 736 | bottom: 0; |
| 737 | + left: 0; | ||
| 685 | z-index: 6; | 738 | z-index: 6; |
| 686 | opacity: 1; | 739 | opacity: 1; |
| 687 | } | 740 | } |
| @@ -17,43 +17,49 @@ | @@ -17,43 +17,49 @@ | ||
| 17 | 17 | ||
| 18 | @mixin input-placeholder { | 18 | @mixin input-placeholder { |
| 19 | // replaces compass/css/user-interface/input-placeholder() | 19 | // replaces compass/css/user-interface/input-placeholder() |
| 20 | + | ||
| 20 | &::-webkit-input-placeholder { | 21 | &::-webkit-input-placeholder { |
| 21 | @content; | 22 | @content; |
| 22 | } | 23 | } |
| 24 | + | ||
| 23 | &:-moz-placeholder { | 25 | &:-moz-placeholder { |
| 24 | @content; | 26 | @content; |
| 25 | opacity: 1; | 27 | opacity: 1; |
| 26 | } | 28 | } |
| 29 | + | ||
| 27 | &::-moz-placeholder { | 30 | &::-moz-placeholder { |
| 28 | @content; | 31 | @content; |
| 29 | opacity: 1; | 32 | opacity: 1; |
| 30 | } | 33 | } |
| 34 | + | ||
| 31 | &:-ms-input-placeholder { | 35 | &:-ms-input-placeholder { |
| 32 | @content; | 36 | @content; |
| 33 | } | 37 | } |
| 34 | } | 38 | } |
| 35 | 39 | ||
| 36 | @mixin line-clamp($numLines: 1, $lineHeight: 1.412) { | 40 | @mixin line-clamp($numLines: 1, $lineHeight: 1.412) { |
| 37 | - overflow: hidden; | ||
| 38 | position: relative; | 41 | position: relative; |
| 42 | + max-height: ($numLines * $lineHeight * 1em); | ||
| 43 | + padding-right: 2em; | ||
| 44 | + margin-right: -1em; | ||
| 45 | + overflow: hidden; | ||
| 39 | line-height: $lineHeight; | 46 | line-height: $lineHeight; |
| 40 | text-align: justify; | 47 | text-align: justify; |
| 41 | - margin-right: -1em; | ||
| 42 | - padding-right: 2em; | ||
| 43 | - max-height: ($numLines*$lineHeight)+em; | ||
| 44 | - &:before { | ||
| 45 | - content: '...'; | 48 | + |
| 49 | + &::before { | ||
| 46 | position: absolute; | 50 | position: absolute; |
| 47 | right: 1em; | 51 | right: 1em; |
| 48 | bottom: 0; | 52 | bottom: 0; |
| 53 | + content: "..."; | ||
| 49 | } | 54 | } |
| 50 | - &:after { | ||
| 51 | - content: ''; | 55 | + |
| 56 | + &::after { | ||
| 52 | position: absolute; | 57 | position: absolute; |
| 53 | right: 1em; | 58 | right: 1em; |
| 54 | width: 1em; | 59 | width: 1em; |
| 55 | height: 1em; | 60 | height: 1em; |
| 56 | - margin-top: 0.2em; | ||
| 57 | - background: white; | 61 | + margin-top: .2em; |
| 62 | + content: ""; | ||
| 63 | + background: #fff; | ||
| 58 | } | 64 | } |
| 59 | } | 65 | } |