diff --git a/build/css/main.css b/build/css/main.css index c10d7ec8..c3e05675 100644 --- a/build/css/main.css +++ b/build/css/main.css @@ -5916,6 +5916,9 @@ html { border: none; border-radius: 2px; } +[uib-tooltip] { + cursor: default; } + /* * Copyright 2016 Resin.io * @@ -6282,25 +6285,6 @@ button.btn:focus, button.progress-button:focus { .alert-ribbon--open { top: 0; } -/* - * Copyright 2016 Resin.io - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -.list-group-item[disabled] { - text-decoration: line-through; - cursor: not-allowed; } - /* * Copyright 2016 Resin.io * @@ -6464,35 +6448,51 @@ button.btn:focus, button.progress-button:focus { .page-settings .checkbox input[type="checkbox"]:not(:checked) + * { color: #ddd; } -.monospace { +/* + * Copyright 2016 Resin.io + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +.page-finish .button-label { + margin: 0 auto 15px; + max-width: 165px; } + +.page-finish .label { + display: inline-block; } + +.page-finish .monospace { font-family: monospace; } +.page-finish .soft { + color: #ddd; } + +.page-finish .separator-xs { + flex-grow: 0; + background-color: #64686a; + padding: 0px; + min-width: 2px; } + .icon-caption { margin-top: 10px; } .icon-caption[disabled] { color: #787c7f; } -.block { - display: block; } - -.inline-block { - display: inline-block; } - body { letter-spacing: 1px; } -.content { - height: 100%; } - .relative { position: relative; } -.soft { - color: #ddd; } - -[uib-tooltip] { - cursor: default; } - .section-footer { display: flex; align-items: center; @@ -6557,16 +6557,6 @@ body { border-radius: 0; padding: 0; } -.separator-xs { - flex-grow: 0; - background-color: #64686a; - padding: 0px; - min-width: 2px; } - -.button-label { - margin: 0 auto 15px; - max-width: 165px; } - .wrapper { height: 100%; margin: 20px 60px; } diff --git a/lib/gui/scss/components/_list-group.scss b/lib/gui/pages/finish/styles/_finish.scss similarity index 58% rename from lib/gui/scss/components/_list-group.scss rename to lib/gui/pages/finish/styles/_finish.scss index 7bc86e3d..e0f05bde 100644 --- a/lib/gui/scss/components/_list-group.scss +++ b/lib/gui/pages/finish/styles/_finish.scss @@ -14,7 +14,28 @@ * limitations under the License. */ -.list-group-item[disabled] { - text-decoration: line-through; - cursor: not-allowed; +.page-finish .button-label { + margin: 0 auto $spacing-medium; + + // Keep some spacing at the sides + max-width: $btn-min-width - 5px; +} + +.page-finish .label { + display: inline-block; +} + +.page-finish .monospace { + font-family: monospace; +} + +.page-finish .soft { + color: $gray-light; +} + +.page-finish .separator-xs { + flex-grow: 0; + background-color: darken($color-disabled, 8%); + padding: 0px; + min-width: 2px; } diff --git a/lib/gui/pages/finish/templates/success.tpl.html b/lib/gui/pages/finish/templates/success.tpl.html index 896dbe5e..ee65c811 100644 --- a/lib/gui/pages/finish/templates/success.tpl.html +++ b/lib/gui/pages/finish/templates/success.tpl.html @@ -1,4 +1,4 @@ -