QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-21 15:20:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: style universal input search.

Browse Source
This commit is contained in:
elforjani13
2021-09-28 14:25:47 +02:00
parent 96269ccafb
commit 5b12c4a433
1 changed files with 19 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/style/components/UniversalSearch.scss
View File

@@ -4,10 +4,8 @@
opacity: 1; opacity: 1;
background-color: #fff; background-color: #fff;
border-radius: 3px; border-radius: 3px;
box-shadow: box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2),
0 0 0 1px rgba(16, 22, 26, .1), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
0 4px 8px rgba(16, 22, 26, .2),
0 18px 46px 6px rgba(16, 22, 26, .2);
left: calc(50% - 250px); left: calc(50% - 250px);
top: 20vh; top: 20vh;
width: 500px; width: 500px;
@@ -16,7 +14,7 @@
&.bp3-overlay-appear, &.bp3-overlay-appear,
&.bp3-overlay-enter { &.bp3-overlay-enter {
filter: blur(20px); filter: blur(20px);
opacity: .2 opacity: 0.2;
} }
&.bp3-overlay-appear-active, &.bp3-overlay-appear-active,
@@ -24,31 +22,28 @@
filter: blur(0); filter: blur(0);
opacity: 1; opacity: 1;
transition-delay: 0; transition-delay: 0;
transition-duration: .2s; transition-duration: 0.2s;
transition-property: filter, opacity; transition-property: filter, opacity;
transition-timing-function: cubic-bezier(.4, 1, .75, .9) transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
} }
&.bp3-overlay-exit { &.bp3-overlay-exit {
filter: blur(0); filter: blur(0);
opacity: 1 opacity: 1;
} }
&.bp3-overlay-exit-active { &.bp3-overlay-exit-active {
filter: blur(20px); filter: blur(20px);
opacity: .2; opacity: 0.2;
transition-delay: 0; transition-delay: 0;
transition-duration: .2s; transition-duration: 0.2s;
transition-property: filter, opacity; transition-property: filter, opacity;
transition-timing-function: cubic-bezier(.4, 1, .75, .9) transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
} }
&__omnibar { &__omnibar {
.bp3-input-group { .bp3-input-group {
.bp3-icon { .bp3-icon {
svg { svg {
stroke: currentColor; stroke: currentColor;
fill: none; fill: none;
@@ -59,7 +54,6 @@
} }
} }
.bp3-input-group .bp3-input { .bp3-input-group .bp3-input {
border: 0; border: 0;
box-shadow: 0 0 0 0; box-shadow: 0 0 0 0;
@@ -69,13 +63,13 @@
} }
.bp3-input-group.bp3-large .bp3-input:not(:first-child) { .bp3-input-group.bp3-large .bp3-input:not(:first-child) {
padding-left: 50px; padding-left: 50px !important;
} }
.bp3-input {} .bp3-input {
}
.bp3-input-group { .bp3-input-group {
.bp3-icon { .bp3-icon {
margin: 16px; margin: 16px;
color: #5c707f; color: #5c707f;
@@ -100,13 +94,12 @@
color: #8499a7; color: #8499a7;
} }
} }
&.bp3-intent-primary{ &.bp3-intent-primary {
&.bp3-active {
&.bp3-active{ background-color: rgb(235, 241, 246);
background-color: rgb(235, 241, 246);
color: #252b30; color: #252b30;
.bp3-menu-item-label{ .bp3-menu-item-label {
color: #5c7080; color: #5c7080;
} }
} }
@@ -125,11 +118,9 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
} }
} }
&__type-select-overlay { &__type-select-overlay {
.bp3-button { .bp3-button {
margin: 0 !important; margin: 0 !important;
} }
@@ -145,7 +136,6 @@
} }
&__action { &__action {
&:not(:first-of-type) { &:not(:first-of-type) {
margin-left: 14px; margin-left: 14px;
} }
@@ -155,7 +145,6 @@
} }
&--arrows { &--arrows {
.bp3-tag { .bp3-tag {
padding: 0; padding: 0;
text-align: center; text-align: center;
@@ -177,8 +166,8 @@
} }
} }
&__footer {} &__footer {
}
&-input-right-elements { &-input-right-elements {
display: flex; display: flex;
@@ -194,7 +183,6 @@
&--estimate, &--estimate,
&--bill, &--bill,
&--receipt { &--receipt {
.amount { .amount {
color: #252b30; color: #252b30;
} }
@@ -216,4 +204,4 @@
.universal-search-overlay .bp3-overlay-backdrop { .universal-search-overlay .bp3-overlay-backdrop {
background: rgba(0, 10, 30, 0.3); background: rgba(0, 10, 30, 0.3);
} }