aboutsummaryrefslogtreecommitdiff
path: root/ui/src/assets/topbar.scss
diff options
context:
space:
mode:
Diffstat (limited to 'ui/src/assets/topbar.scss')
-rw-r--r--ui/src/assets/topbar.scss31
1 files changed, 6 insertions, 25 deletions
diff --git a/ui/src/assets/topbar.scss b/ui/src/assets/topbar.scss
index 49d7afbf5..671c11933 100644
--- a/ui/src/assets/topbar.scss
+++ b/ui/src/assets/topbar.scss
@@ -23,23 +23,23 @@
overflow: visible;
background-color: hsl(215, 1%, 95%);
box-shadow: 0px -3px 14px 2px #bbb;
- min-height: var(--topbar-height);
- display: flex;
- justify-content: center;
- align-items: center;
+ line-height: var(--topbar-height);
.omnibox {
@include omnibox-width();
@include transition(0.25s);
display: grid;
- grid-template-areas: "icon input stepthrough";
- grid-template-columns: 34px auto max-content;
+ grid-template-areas: "icon input";
+ grid-template-columns: 34px auto;
border-radius: 20px;
background-color: #fcfcfc;
border: 0;
+ margin: 6px auto 0 auto;
+ height: 36px;
line-height: 36px;
&:before {
@include material-icon('search');
vertical-align: middle;
+ font-size: 32px;
margin: 5px;
color: #aaa;
grid-area: icon;
@@ -94,23 +94,6 @@
content: 'bubble_chart';
}
}
- .stepthrough {
- grid-area: stepthrough;
- display: flex;
- font: inherit;
- font-size: 14px;
- font-family: 'Google Sans';
- color: #aaa;
- .current {
- padding-right: 10px;
- }
- .material-icons {
- vertical-align: middle;
- &.left {
- border-right: rgb(218, 217, 217) solid 1px;
- }
- }
- }
}
.omnibox-results {
@include transition(0.25s);
@@ -147,8 +130,6 @@
bottom: 0;
height: 1px;
width: 100%;
- }
- .progress-anim {
&:before {
content: '';
position: absolute;