merged

src/styles.scss

-@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;
-}