diff options
| author | Michael Weimann <mail@michael-weimann.eu> | 2018-12-18 22:07:41 +0100 |
|---|---|---|
| committer | Michael Weimann <mail@michael-weimann.eu> | 2019-01-14 00:07:36 +0100 |
| commit | 6993faaf67b6e822f7b03bd972fe42c9b4dd1d5d (patch) | |
| tree | dc2492d0190c4a098ae4275163433b354a55fb20 /settings/css | |
| parent | 107fab9dfad01ac8d6532e1a3e3758d444a114b0 (diff) | |
| download | nextcloud-server-6993faaf67b6e822f7b03bd972fe42c9b4dd1d5d.tar.gz nextcloud-server-6993faaf67b6e822f7b03bd972fe42c9b4dd1d5d.zip | |
Add the "server info" settings
Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
Diffstat (limited to 'settings/css')
| -rw-r--r-- | settings/css/_server-info.scss | 95 | ||||
| -rw-r--r-- | settings/css/_where-is-your-data.scss | 6 | ||||
| -rw-r--r-- | settings/css/settings.scss | 10 |
3 files changed, 104 insertions, 7 deletions
diff --git a/settings/css/_server-info.scss b/settings/css/_server-info.scss new file mode 100644 index 00000000000..c9f89bd566a --- /dev/null +++ b/settings/css/_server-info.scss @@ -0,0 +1,95 @@ +.server-info-settings { + .label { + display: block; + } + + .form-input { + margin-bottom: 10px; + width: 100%; + } + + .margin-bottom { + margin-bottom: 15px; + } + + .form-actions { + text-align: right; + + .button { + align-items: center; + display: inline-flex; + margin: 0; + transition: background-color 500ms linear; + + .default-label, + .working-label, + .success-label, + .error-label { + align-items: center; + gap: 4px; + } + + .working-label, + .success-label, + .error-label { + display: none; + } + } + + .button-working, + .button-success, + .button-error { + background-color: $color-background-dark; + color: $color-text-lighter; + opacity: 1; + + .default-label { + display: none; + } + } + + .button-working { + .working-label { + display: inline-flex; + } + } + + .button-success { + background-color: $color-success; + border-color: darken($color-success, 10%); + color: $color-primary-text-dark; + + .success-label { + display: inline-flex; + } + } + + .button-error { + background-color: $color-error; + border-color: darken($color-error, 10%); + color: $color-primary-text-dark; + + .error-label { + display: inline-flex; + } + } + } + + @media (min-width: 1000px) { + .label { + display: inline-block; + text-align: right; + width: 175px; + } + + .form-input { + margin-left: 5px; + width: 225px; + } + + .form-actions { + margin-left: 180px; + width: 225px; + } + } +} diff --git a/settings/css/_where-is-your-data.scss b/settings/css/_where-is-your-data.scss new file mode 100644 index 00000000000..7414f6d36d6 --- /dev/null +++ b/settings/css/_where-is-your-data.scss @@ -0,0 +1,6 @@ +.where-is-your-data { + // @todo replace by common link style as soon as available + a:not(.icon-info) { + border-bottom: 1px dotted; + } +} diff --git a/settings/css/settings.scss b/settings/css/settings.scss index 65e66370887..589985aaddc 100644 --- a/settings/css/settings.scss +++ b/settings/css/settings.scss @@ -2,6 +2,9 @@ This file is licensed under the Affero General Public License version 3 or later. See the COPYING-README file. */ +@import "server-info"; +@import "where-is-your-data"; + input { &#openid, &#webdav { width: 20em; @@ -1624,10 +1627,3 @@ doesnotexist:-o-prefocus, .strengthify-wrapper { } } } - -.where-is-your-data { - // @todo replace by common Nextcloud link style as soon as available - a { - border-bottom: 1px dotted; - } -} |