diff options
| author | Michael Davis <michael.s.davis@ibm.com> | 2017-04-10 11:48:52 -0500 |
|---|---|---|
| committer | Patrick Williams <patrick@stwcx.xyz> | 2017-09-20 12:41:34 -0500 |
| commit | 0c26234e00c3634e1e3a71dc9ccb81dd3569088b (patch) | |
| tree | 7124fc68da3182b7684831f0f9cd2825f968453d /app/common/styles/elements | |
| parent | aeedf9e590806f62dcebdccc4ebd51a38d4c67fc (diff) | |
| download | phosphor-webui-0c26234e00c3634e1e3a71dc9ccb81dd3569088b.tar.gz phosphor-webui-0c26234e00c3634e1e3a71dc9ccb81dd3569088b.zip | |
event-logs: redesign search and filtering function
Proposed changes were based on user feedback from design team.
Change-Id: Idab1418e1b4d11770095c865eb03769f278a03bc
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
Diffstat (limited to 'app/common/styles/elements')
| -rw-r--r-- | app/common/styles/elements/content-search.scss | 21 | ||||
| -rw-r--r-- | app/common/styles/elements/index.scss | 1 | ||||
| -rw-r--r-- | app/common/styles/elements/toggle-filter.scss | 1 |
3 files changed, 12 insertions, 11 deletions
diff --git a/app/common/styles/elements/content-search.scss b/app/common/styles/elements/content-search.scss index 800dd98..fe67af2 100644 --- a/app/common/styles/elements/content-search.scss +++ b/app/common/styles/elements/content-search.scss @@ -5,18 +5,16 @@ width: 100%; max-width: 99%; display: inline-block; + float: left; position: relative; margin-right: 1em; margin-top: .5em; - @media (min-width: 1333px) { - max-width: 60%; - margin-top: 0; - } + margin-bottom: 1em; #content__search-input { margin: 0; - border: 0; - border-bottom: 2px solid $lightgrey; + border: 1px solid $lightgrey; padding-left: 40px; + padding-right: 5px; &:focus { box-shadow: none; } @@ -33,15 +31,18 @@ opacity: .6; } - #event__search-submit { + #content__search-submit { position: absolute; + display: inline-block; + width: 100px; top: .5em; - right: 0; - padding: 8px; + right: 5px; + padding: 1em 2em; min-height: 20px; - max-width: 70px; text-align: center; margin: 0; + font-weight: 700; + font-size: .8em; } .tag-filter-label { diff --git a/app/common/styles/elements/index.scss b/app/common/styles/elements/index.scss index 909236d..d0208ac 100644 --- a/app/common/styles/elements/index.scss +++ b/app/common/styles/elements/index.scss @@ -3,7 +3,6 @@ @import "toggle-filter"; @import "status"; @import "alerts"; -@import "tags"; @import "inline-confirm"; @import "accordion"; @import "content-search"; diff --git a/app/common/styles/elements/toggle-filter.scss b/app/common/styles/elements/toggle-filter.scss index 4eae9e8..d50f125 100644 --- a/app/common/styles/elements/toggle-filter.scss +++ b/app/common/styles/elements/toggle-filter.scss @@ -1,5 +1,6 @@ // toggle buttons for filtering .toggle-filter { + margin-top: 12px; .filter-label { color: darken($lightgrey, 10%); text-transform: uppercase; |
