From c2441770695a7762bfc90ace2e52854b08374ac6 Mon Sep 17 00:00:00 2001 From: Anna Tsyganova Date: Wed, 6 Jul 2022 12:26:40 +0300 Subject: Add global styles Issue: SILABMC-191 --- src/assets/styles/bmc/_sila/pages/_firmware.scss | 13 ++++++ src/assets/styles/bmc/_sila/pages/_inventory.scss | 9 +++++ src/assets/styles/bmc/_sila/pages/_login.scss | 23 +++++++++++ .../styles/bmc/_sila/pages/_power-operations.scss | 9 +++++ src/assets/styles/bmc/_sila/pages/_security.scss | 9 +++++ .../styles/bmc/_sila/pages/_virtual-media.scss | 47 ++++++++++++++++++++++ 6 files changed, 110 insertions(+) create mode 100644 src/assets/styles/bmc/_sila/pages/_firmware.scss create mode 100644 src/assets/styles/bmc/_sila/pages/_inventory.scss create mode 100644 src/assets/styles/bmc/_sila/pages/_login.scss create mode 100644 src/assets/styles/bmc/_sila/pages/_power-operations.scss create mode 100644 src/assets/styles/bmc/_sila/pages/_security.scss create mode 100644 src/assets/styles/bmc/_sila/pages/_virtual-media.scss (limited to 'src/assets/styles/bmc/_sila/pages') diff --git a/src/assets/styles/bmc/_sila/pages/_firmware.scss b/src/assets/styles/bmc/_sila/pages/_firmware.scss new file mode 100644 index 00000000..de65dc10 --- /dev/null +++ b/src/assets/styles/bmc/_sila/pages/_firmware.scss @@ -0,0 +1,13 @@ + +// +// Firmware Update: +// +.firmware-update .btn, +.firmware-update label { + width: 100%; +} +.firmware-update .form-background { + padding: $spacer * 2 !important; + border-radius: $border-radius; + background-color: $surface-secondary !important; +} diff --git a/src/assets/styles/bmc/_sila/pages/_inventory.scss b/src/assets/styles/bmc/_sila/pages/_inventory.scss new file mode 100644 index 00000000..6f065ad4 --- /dev/null +++ b/src/assets/styles/bmc/_sila/pages/_inventory.scss @@ -0,0 +1,9 @@ + +// +// Service Indicators: +// +.service-indicators .form-background { + padding: $spacer * 2 !important; + border-radius: $border-radius; + background-color: $surface-secondary !important; +} diff --git a/src/assets/styles/bmc/_sila/pages/_login.scss b/src/assets/styles/bmc/_sila/pages/_login.scss new file mode 100644 index 00000000..cd7ef538 --- /dev/null +++ b/src/assets/styles/bmc/_sila/pages/_login.scss @@ -0,0 +1,23 @@ + +// +// Login Page: +// +.login-form { + background-color: transparent !important; +} + +.login-form > .btn-primary { + width: 100%; + margin-top: 2rem !important; +} + +.login-main .h3 { + font-weight: 400 !important; + font-size: 1.6rem !important; +} + +@media (max-width: 768px) { + .login-brand { + margin-top: 1rem; + } +} diff --git a/src/assets/styles/bmc/_sila/pages/_power-operations.scss b/src/assets/styles/bmc/_sila/pages/_power-operations.scss new file mode 100644 index 00000000..0921323e --- /dev/null +++ b/src/assets/styles/bmc/_sila/pages/_power-operations.scss @@ -0,0 +1,9 @@ + +// +// Power Operations: +// +.boot-settings .form-background { + padding: $spacer * 2 $spacer * 2 $spacer !important; + border-radius: $border-radius; + background-color: $surface-secondary !important; +} diff --git a/src/assets/styles/bmc/_sila/pages/_security.scss b/src/assets/styles/bmc/_sila/pages/_security.scss new file mode 100644 index 00000000..45473a53 --- /dev/null +++ b/src/assets/styles/bmc/_sila/pages/_security.scss @@ -0,0 +1,9 @@ + +// +// Security and Access: +// +.ldap-settings .form-background { + padding: $spacer * 2 $spacer * 2 $spacer !important; + border-radius: $border-radius; + background-color: $surface-secondary !important; +} diff --git a/src/assets/styles/bmc/_sila/pages/_virtual-media.scss b/src/assets/styles/bmc/_sila/pages/_virtual-media.scss new file mode 100644 index 00000000..040e57b1 --- /dev/null +++ b/src/assets/styles/bmc/_sila/pages/_virtual-media.scss @@ -0,0 +1,47 @@ + +// +// Media +// +.media-start { + margin-top: $spacer * 2; +} + +.media-buttons-group >.media-start label { + width: 100%; +} + +.media-buttons-group >.media-start .btn { + width: 50%; +} + +.media-buttons-group >.media-stop > .btn { + width: 50%; +} + + +// +// Media Legacy +// +.media-legacy label { + margin-top: $spacer * 2; +} + +.media-legacy-buttons-group { + margin: 0px; +} + +.media-legacy-buttons-group .btn { + width: 100%; +} + +.media-legacy-buttons-group > .media-legacy-configure { + display: block; + width: 50%; + margin-bottom: $spacer * 2; +} + +.media-legacy-buttons-group > .media-legacy-start { + display: inline-block; + width: 50%; + margin-bottom: - $spacer * 2; +} -- cgit v1.2.3