diff options
author | Florian Dold <florian@dold.me> | 2022-10-24 10:46:14 +0200 |
---|---|---|
committer | Florian Dold <florian@dold.me> | 2022-10-24 10:46:14 +0200 |
commit | 3e060b80428943c6562250a6ff77eff10a0259b7 (patch) | |
tree | d08472bc5ca28621c62ac45b229207d8215a9ea7 /packages/merchant-backoffice-ui/src/scss/main.scss | |
parent | fb52ced35ac872349b0e1062532313662552ff6c (diff) | |
download | wallet-core-3e060b80428943c6562250a6ff77eff10a0259b7.tar.xz |
repo: integrate packages from former merchant-backoffice.git
Diffstat (limited to 'packages/merchant-backoffice-ui/src/scss/main.scss')
-rw-r--r-- | packages/merchant-backoffice-ui/src/scss/main.scss | 191 |
1 files changed, 191 insertions, 0 deletions
diff --git a/packages/merchant-backoffice-ui/src/scss/main.scss b/packages/merchant-backoffice-ui/src/scss/main.scss new file mode 100644 index 000000000..b523566c1 --- /dev/null +++ b/packages/merchant-backoffice-ui/src/scss/main.scss @@ -0,0 +1,191 @@ +/* + This file is part of GNU Taler + (C) 2021 Taler Systems S.A. + + GNU Taler is free software; you can redistribute it and/or modify it under the + terms of the GNU General Public License as published by the Free Software + Foundation; either version 3, or (at your option) any later version. + + GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY + WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR + A PARTICULAR PURPOSE. See the GNU General Public License for more details. + + You should have received a copy of the GNU General Public License along with + GNU Taler; see the file COPYING. If not, see <http://www.gnu.org/licenses/> + */ + +/** + * + * @author Sebastian Javier Marchano (sebasjm) + */ + +/* Theme style (colors & sizes) */ +@import "theme-default"; + +/* Core Libs & Lib configs */ +@import "libs/all"; + +/* Mixins */ +@import "mixins"; + +/* Theme components */ +@import "nav-bar"; +@import "aside"; +@import "title-bar"; +@import "hero-bar"; +@import "card"; +@import "table"; +@import "tiles"; +@import "form"; +@import "main-section"; +@import "modal"; +@import "footer"; +@import "misc"; +@import "custom-calendar"; +@import "loading"; + +@import "fonts/nunito.css"; +@import "icons/materialdesignicons-4.9.95.min.css"; + +$tooltip-color: red; + +@import "../../node_modules/@creativebulma/bulma-tooltip/dist/bulma-tooltip.min.css"; +@import "../../node_modules/bulma-timeline/dist/css/bulma-timeline.min.css"; + +.notification { + background-color: transparent; +} + +.timeline .timeline-item .timeline-content { + padding-top: 0; +} + +.timeline .timeline-item:last-child::before { + display: none; +} + +.timeline .timeline-item .timeline-marker { + top: 0; +} + +.toast { + position: absolute; + width: 60%; + margin-left: 10%; + margin-right: 10%; + z-index: 999; + + display: flex; + flex-direction: column; + padding: 15px; + text-align: center; + pointer-events: none; +} + +.toast > .message { + white-space: pre-wrap; + opacity: 80%; +} + +div { + &.is-loading { + position: relative; + pointer-events: none; + opacity: 0.5; + &:after { + // @include loader; + position: absolute; + top: calc(50% - 2.5em); + left: calc(50% - 2.5em); + width: 5em; + height: 5em; + border-width: 0.25em; + } + } +} + +input[type="checkbox"]:indeterminate + .check { + background: red !important; +} + +.right-sticky { + position: sticky; + right: 0px; + background-color: $white; +} + +.right-sticky .buttons { + flex-wrap: nowrap; +} + +.table.is-striped tbody tr:not(.is-selected):nth-child(even) .right-sticky { + background-color: #fafafa; +} + +tr:hover .right-sticky { + background-color: hsl(0, 0%, 80%); +} +.table.is-striped tbody tr:nth-child(even):hover .right-sticky { + background-color: hsl(0, 0%, 95%); +} + +.content-full-size { + height: calc(100% - 3rem); + position: absolute; + width: calc(100% - 14rem); + display: flex; +} + +.content-full-size .column .card { + min-width: 200px; +} + +@include touch { + .content-full-size { + height: 100%; + position: absolute; + width: 100%; + } +} + +.column.is-half { + flex: none; + width: 50%; +} + +input:read-only { + cursor: initial; +} + +[data-tooltip]:before { + max-width: 15rem; + width: max-content; + text-align: left; + transition: opacity 0.1s linear 1s; + // transform: inherit !important; + white-space: pre-wrap !important; + font-weight: normal; + // position: relative; +} + +.icon[data-tooltip]:before { + transition: none; + z-index: 5; +} + +span[data-tooltip] { + border-bottom: none; +} + +div[data-tooltip]::before { + position: absolute; +} + +.modal-card-body > p { + padding: 1em; +} + +.modal-card-body > p.warning { + background-color: #fffbdd; + border: solid 1px #f2e9bf; +} |