Additional details on event log templates
Change-Id: I634cbc5c4c42150b54ac4f520ff7aed70b4243dc
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/styles/base/buttons.scss b/app/common/styles/base/buttons.scss
index 7bad975..9c5ba92 100644
--- a/app/common/styles/base/buttons.scss
+++ b/app/common/styles/base/buttons.scss
@@ -1,11 +1,13 @@
button, .button, input[type="submit"], .submit {
font-weight: bold;
font-size: 1em;
+ @include fontFamily;
text-transform: none;
border-radius: 3px;
padding: .8rem 3.5rem .5rem;
height: auto;
border: 0;
+ overflow: hidden;
&:hover {
cursor: pointer;
}
diff --git a/app/common/styles/base/colors.scss b/app/common/styles/base/colors.scss
index 94ef663..3b98626 100644
--- a/app/common/styles/base/colors.scss
+++ b/app/common/styles/base/colors.scss
@@ -2,7 +2,10 @@
$white: #ffffff;
$black: #333;
$darkgrey: #666;
+$medgrey: #d7dbe0;
$lightgrey: #ccc;
+$lightblue: #f0f2f5;
+$purple: #5A3EC8;
$field__disabled: #d8d8d8;
$btn__disabled-txt: #a6a5a6;
$btn__disabled-bg: #d8d8d8;
@@ -27,16 +30,18 @@
$secbtn__border: #3f71ec;
$secbtn__text: #3f71ec;
+// Dropdowns
+$dropdown__focus-bg: #e6e9ee;
// Alerts
-$alert__error: rgba(230, 35, 37, 0.3);
-$alert__warning: rgba(255, 127, 0, 0.3);
-$alert__message: rgba(203, 221, 235, 0.5);
+$alert__error: rgb(230, 35, 37);
+$alert__warning: rgb(255, 127, 0);
+$alert__message: rgb(203, 221, 235);
// Links
$links: #648FFF;
$links__hover: $lightbg__accent;
-$links__visited: #5A3EC8;
+$links__visited: $purple;
$links__disabled: rgba(27, 40, 52, 0.70);
// Navigation
@@ -44,7 +49,8 @@
$nav__second-level-color: #e6e9ed;
// Status colors
-$error-color: #FF5C49;
+$error-color: #e62425;
$status-ok: #34bc6e;
$status-ok-light: #bcefce;
-$status-warn: #ffb000;
\ No newline at end of file
+$status-warn: #ffb000;
+
diff --git a/app/common/styles/base/forms.scss b/app/common/styles/base/forms.scss
index f899e0c..b49c5b2 100644
--- a/app/common/styles/base/forms.scss
+++ b/app/common/styles/base/forms.scss
@@ -57,73 +57,3 @@
box-shadow: 0 0 0;
}
}
-
-//Custom Checkbox and Radio
-.checkbox-custom,
-.radio-custom {
- opacity: 0;
- position: absolute;
-}
-
-.checkbox-custom, .checkbox-custom-label,
-.radio-custom,
-.radio-custom-label {
- display: inline-block;
- vertical-align: middle;
- margin: .1em 0 .1em -.5em;
- padding: .5em;
- cursor: pointer;
-}
-
-.checkbox-custom-label, .radio-custom-label {
- position: relative;
- padding-left: 2em;
-
-}
-
-.checkbox-custom + .checkbox-custom-label:before,
-.radio-custom + .radio-custom-label:before {
- content: '';
- background: #fff;
- border: 1px solid $lightbg__grey;
- display: inline-block;
- vertical-align: middle;
- width: 16px;
- height: 16px;
- margin-right: 10px;
- margin-top: -3px;
- text-align: center;
- position: absolute;
- left: 9px;
- top: 15px;
-}
-
-.checkbox-custom:checked + .checkbox-custom-label:after {
- content: '\2713';
- position: absolute;
- left: 10px;
- top: 3px;
- font-size: 1em;
- padding: 4px 0 0 2px;
- color: $white;
-}
-
-.checkbox-custom:checked + .checkbox-custom-label:before {
- background: $lightbg__primary;
- @include fastTransition-all;
-}
-
-.radio-custom + .radio-custom-label:before {
- border-radius: 50%;
-}
-
-.radio-custom:checked + .radio-custom-label:before {
- background: $lightbg__primary;
- @include fastTransition-all;
- box-shadow: inset 0px 0px 0px 2px #fff;
-}
-
-
-.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
- outline: 1px solid $lightbg__grey; /* focus style */
-}
diff --git a/app/common/styles/base/foundation b/app/common/styles/base/foundation.scss
similarity index 100%
rename from app/common/styles/base/foundation
rename to app/common/styles/base/foundation.scss
diff --git a/app/common/styles/base/mixins.scss b/app/common/styles/base/mixins.scss
index 71d8f39..6caeba7 100644
--- a/app/common/styles/base/mixins.scss
+++ b/app/common/styles/base/mixins.scss
@@ -30,6 +30,11 @@
font-weight: 200;
}
+@mixin fontCourierBold {
+ font-family: "Courier New", Helvetica, arial, sans-serif;
+ font-weight: 700;
+}
+
//Transitions mixin
@mixin fastTransition-all {
transition: all .5s ease;