summaryrefslogtreecommitdiffstats
path: root/app/configuration
diff options
context:
space:
mode:
authorYoshie Muranaka <yoshiemuranaka@gmail.com>2019-05-16 13:06:32 -0500
committerGunnar Mills <gmills@us.ibm.com>2019-05-31 15:39:45 +0000
commit5bd1dec7fdc8f6a3a20e6c23dc491b3d31392bc5 (patch)
tree0388def72ceac348fc4cceefcab6540b7f416e72 /app/configuration
parent6a3b3b2cdd8e92265997fe66f6c8489caf1dd403 (diff)
downloadphosphor-webui-5bd1dec7fdc8f6a3a20e6c23dc491b3d31392bc5.tar.gz
phosphor-webui-5bd1dec7fdc8f6a3a20e6c23dc491b3d31392bc5.zip
Change button styles from rounded to straight corners
This will create more visual consistency between the components in the GUI since there are elements, such as text fields and dropdowns that are styled with straight corners. - Removes border radius from buttons - Removes some redundant styles - Adds input types that aren't currently inheriting defined styles Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I6ff1bde91e2e57df01484dd20003925cd914ffa2
Diffstat (limited to 'app/configuration')
-rw-r--r--app/configuration/styles/date-time.scss5
-rw-r--r--app/configuration/styles/firmware.scss16
-rw-r--r--app/configuration/styles/network.scss2
3 files changed, 6 insertions, 17 deletions
diff --git a/app/configuration/styles/date-time.scss b/app/configuration/styles/date-time.scss
index 65d88a8..80d4b17 100644
--- a/app/configuration/styles/date-time.scss
+++ b/app/configuration/styles/date-time.scss
@@ -2,7 +2,6 @@
.time__form {
input {
- height: 2.1em;
margin-bottom: 0em;
}
@@ -31,9 +30,6 @@
}
.date-time__metadata-block {
list-style-type: none;
- width: 47%;
- margin-bottom: .7em;
- margin-top: 1.8em;
margin-right: .7em;
margin-left: 3em;
display: inline;
@@ -55,7 +51,6 @@
}
.date-time__dns-remove {
color: $medblue;
- height: 2.1em;
opacity: 1;
margin-left: 1em;
&:hover {
diff --git a/app/configuration/styles/firmware.scss b/app/configuration/styles/firmware.scss
index f3dc865..6d3c00f 100644
--- a/app/configuration/styles/firmware.scss
+++ b/app/configuration/styles/firmware.scss
@@ -105,26 +105,18 @@
label {
font-weight: 700;
}
- input {
- height: 2.4em;
- }
- .button {
- min-width: 210px;
- width: auto;
- margin-top: 1em;
- }
}
.firmware__upload-file-name {
text-transform: none;
}
.firmware__upload-chooser {
+ display: inline-block;
width: 100%;
background: $lightgrey;
padding-left: 1em;
padding-right: 1em;
margin-bottom: 1em;
.button {
- vertical-align: middle;
margin: 1em .5em 1em 0;
min-width: 3em;
}
@@ -132,7 +124,7 @@
@include indeterminate-bar;
}
@include mediaQuery(medium) {
- width: 70%;
+ width: 70%;
}
}
.firmware__upload-station {
@@ -145,6 +137,10 @@
padding-top: 2em;
padding-left: 1em;
padding-bottom: 50px;
+ padding-right: 0;
+ .button {
+ margin-top: 15px;
+ }
}
diff --git a/app/configuration/styles/network.scss b/app/configuration/styles/network.scss
index b0de4f7..61a6cb6 100644
--- a/app/configuration/styles/network.scss
+++ b/app/configuration/styles/network.scss
@@ -11,7 +11,6 @@
text-align: left;
}
input {
- height: 2.1em;
margin-bottom: 1.2em;
}
@@ -63,7 +62,6 @@
}
.network-config_remove-button {
color: $medblue;
- height: 2.1em;
margin-left: 1em;
opacity: 1;
&:hover {
OpenPOWER on IntegriCloud