From 0aff057f7b70fd93dffc0282effbf48e8be1e337 Mon Sep 17 00:00:00 2001 From: Dominik Pschenitschni Date: Mon, 18 Oct 2021 14:21:34 +0200 Subject: [PATCH] feat: merge quick-actions.scss with component styles --- .../quick-actions/quick-actions.vue | 63 ++++++++++++++++++- src/styles/components/_index.scss | 3 +- src/styles/components/quick-actions.scss | 61 ------------------ 3 files changed, 62 insertions(+), 65 deletions(-) delete mode 100644 src/styles/components/quick-actions.scss diff --git a/src/components/quick-actions/quick-actions.vue b/src/components/quick-actions/quick-actions.vue index 51fc8daa1..1696a19cd 100644 --- a/src/components/quick-actions/quick-actions.vue +++ b/src/components/quick-actions/quick-actions.vue @@ -467,6 +467,66 @@ export default { top: 3rem; transform: translate(-50%, 0); } + + .action-input { + display: flex; + align-items: center; + + .input { + border: 0; + font-size: 1.5rem; + } + + &.has-active-cmd .input { + padding-left: .5rem; + } + + .active-cmd { + font-size: 1.25rem; + margin-left: .5rem; + } + } + + .results { + text-align: left; + width: 100%; + color: $grey-800; + + .result { + &-title { + background: $grey-50; + padding: .5rem; + display: block; + font-size: .75rem; + } + + &-items { + button { + font-size: .9rem; + width: 100%; + background: transparent; + text-align: left; + box-shadow: none; + border-radius: 0; + text-transform: none; + font-family: $family-sans-serif; + font-weight: normal; + padding: .5rem .75rem; + border: none; + cursor: pointer; + + &:focus, &:hover { + background: $grey-50; + box-shadow: none !important; + } + + &:active { + background: $grey-100; + } + } + } + } + } } // HACK: @@ -474,5 +534,4 @@ export default { .modal-container-smaller ::v-deep.hint-modal .modal-container { height: calc(100vh - 5rem); } - - + \ No newline at end of file diff --git a/src/styles/components/_index.scss b/src/styles/components/_index.scss index 77ba10b9f..5973d3b45 100644 --- a/src/styles/components/_index.scss +++ b/src/styles/components/_index.scss @@ -8,5 +8,4 @@ @import "tasks"; @import "teams"; @import "table-view"; -@import "namespaces"; -@import "quick-actions"; \ No newline at end of file +@import "namespaces"; \ No newline at end of file diff --git a/src/styles/components/quick-actions.scss b/src/styles/components/quick-actions.scss deleted file mode 100644 index c6e6e603e..000000000 --- a/src/styles/components/quick-actions.scss +++ /dev/null @@ -1,61 +0,0 @@ -.quick-actions { - .action-input { - display: flex; - align-items: center; - - .input { - border: 0; - font-size: 1.5rem; - } - - &.has-active-cmd .input { - padding-left: .5rem; - } - - .active-cmd { - font-size: 1.25rem; - margin-left: .5rem; - } - } - - .results { - text-align: left; - width: 100%; - color: $grey-800; - - .result { - &-title { - background: $grey-50; - padding: .5rem; - display: block; - font-size: .75rem; - } - - &-items { - button { - font-size: .9rem; - width: 100%; - background: transparent; - text-align: left; - box-shadow: none; - border-radius: 0; - text-transform: none; - font-family: $family-sans-serif; - font-weight: normal; - padding: .5rem .75rem; - border: none; - cursor: pointer; - - &:focus, &:hover { - background: $grey-50; - box-shadow: none !important; - } - - &:active { - background: $grey-100; - } - } - } - } - } -} \ No newline at end of file