From a4fa30b7236a29934231faa69c43839233c281cf Mon Sep 17 00:00:00 2001 From: AndiMajore <andi.majore@googlemail.com> Date: Thu, 29 Jul 2021 14:19:08 +0200 Subject: [PATCH] merged --- src/styles.scss | 274 ------------------------------------------------ 1 file changed, 274 deletions(-) delete mode 100644 src/styles.scss diff --git a/src/styles.scss b/src/styles.scss deleted file mode 100644 index 271fd576..00000000 --- a/src/styles.scss +++ /dev/null @@ -1,274 +0,0 @@ -@charset "utf-8"; - -@import url('https://fonts.googleapis.com/css?family=Varela+Round'); -@import "~@ng-select/ng-select/themes/default.theme.css"; -@import "~bulma/bulma.sass"; -@import '~bulma-tooltip'; -@import "~animate.css/animate.min"; -@import '~primeng/resources/themes/md-dark-deeppurple/theme.css'; -@import "~primeng/resources/primeng.min.css"; -@import "~primeicons/primeicons.css"; -@import "variables"; - -.fullheight { - height: 100%; -} - -.canvas-content { - height: calc(100% - #{$network-footer-height}); - z-index: $explorer-network-z; -} - -// general network settings, some will be overwritten in analysis -.network-footer-toolbar { - position: absolute; - width: 100%; - bottom: 0; - height: $network-footer-height; - &-inner-container{ - width: 100%; - display: inline-flex; - overflow-x: auto; - overflow-y: hidden; - height: $network-footer-inner-container-height; - position: absolute; - bottom: 0; - } - &-element { - position: relative; - margin-top: calc(#{$network-footer-inner-container-height} - #{$network-footer-height} + #{$network-footer-space-button-to-border}); - } - .dropdown-menu{ - z-index: $explorer-network-toolbar-dropdown-z; - .scroll-area{ - height: calc(#{$network-footer-inner-container-height} - #{$network-footer-height}); - } - } -} - -nav.navbar { - height: 60px; -} - -img.menu-icon.is-hoverable.navbar-item.logo { - height: 40px; - width: 125px; - padding: 0; -} - - -.tissue-dropdown { - padding: 5px; - background-color: rgba(255.0, 255.0, 255.0, 0.85); - - .scroll-area { - max-height: 600px; - overflow-y: scroll; - padding-right: 5px; - } -} - -div.navbar-menu { - margin-left: 5px; -} - -span.icon { - margin-right: 5px; -} - - -.mb-3 { - margin-bottom: 10px; -} - - -img.inline { - height: 30px; - align: middle; -} - -button.i { - margin-left: 5px; -} - -input.checkbox { - margin-left: 15px; -} - -div.covex.sidebar { - height: $height; - overflow-y: auto; - overflow-x: hidden; -} - -div.covex.bar-left { - float: left; - width: $sidebar-left-width; - max-width: 300px; - min-width: $sidebar-left-min-width; - height: 100%; -} - -div.covex.bar-right { - float: left; - width: $sidebar-right-width; - max-width: 450px; - min-width: $sidebar-right-min-width; - /* Hide scrollbar for Chrome, Safari and Opera */ - &::-webkit-scrollbar { - display: none; - } - - /* Hide scrollbar for IE, Edge and Firefox */ - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ - -} - - -div.card.bar-small { - margin-bottom: 15px; - word-wrap: break-word; - height: 130px; -} - -div.card.bar-medium { - margin-bottom: 15px; - word-wrap: break-word; - height: 170px; -} - -div.card.bar-large { - margin-bottom: 15px; - max-height: 600px; -} - -div.card-content.overflow { - overflow: auto; - max-height: 350px; -} - -div.covex.network { - height: 100%; - float: left; - position: relative; - -} - -.center-panel { - width: $main-width; - - &.leftgone { - width: calc(#{$main-width} + max(#{$sidebar-left-width},#{$sidebar-left-min-width})); - } - - &.rightgone { - width: calc(#{$main-width} + max(#{$sidebar-right-width},#{$sidebar-right-min-width})); - } - - &.rightgone.leftgone { - width: calc(#{$main-width} + max(#{$sidebar-left-width},#{$sidebar-left-min-width}) + max(#{$sidebar-right-width},#{$sidebar-right-min-width})); - } -} - -div.card.network { - width: 100%; - height: $height; -} - -div.parent { - position: relative; -} - -div.image1 { - position: relative; -} - -div.center { - display: flex; - align-items: center; - justify-content: center; -} - - -div.covex.explorer { - height: #{$height}; - margin-left: 10px; - margin-right: 10px; -} - -.analysis-view { - height: 100%; - width: 100%; - position: absolute; - margin-top: 0; - z-index: $analysis-view-z; - .canvas-content { - z-index: $analysis-network-z; - } -} - -div.field.has-addons.add-remove-toggle { - margin-top: 20px; -} - -.fa-spinner { - color: $light-invert; -} - -.footer-buttons { - margin-left: 20px; - margin-right: 10px; -} - -.toolbar { - padding: 5px; - border-top: 2px solid #d0d0d0; - - .field { - margin-bottom: 0; - - .control { - margin-bottom: 0; - } - } -} - -.p-tooltip-text:before { - content: ''; - position: absolute; - display: block; - width: 0; - left: 50%; - bottom: +7px; - border: 6px solid transparent; - border-bottom: 0; - border-top: 6px solid var(--drgstn-tooltip); - transform: translate(-50%, calc(100% + 3px)); -} - -html, #appWindow { - height: 100%; -} - -#appWindow { - margin: 0; - font-family: Roboto, "Helvetica Neue", sans-serif; -} - -// classes for different screen sizes -.text-small { - font-size: $text-small-font-size; -} -.text-normal{ - font-size: $text-normal-font-size; -} -.b-text-small{ - font-size: $b-text-small-font-size; -} -.b-text-smaller{ - font-size: $b-text-smaller-font-size; -} -.button-small{ - padding: $button-small-padding; -} -- GitLab