@use '_fonts';
-@use './classes';
@use './custom-markup';
@use './ng-select';
-@import './bootstrap';
-@import './primeng-custom';
+@use './bootstrap';
+@use './primeng-custom';
-@import './z-index';
+@use './z-index';
-[hidden] {
- display: none !important;
-}
+@use './class-helpers/index.scss';
body {
/*** theme ***/
--mainColor: #{$main-color};
--mainColorLighter: #{$main-color-lighter};
--mainColorLightest: #{$main-color-lightest};
+ --mainColorVeryLight: #{$main-color-very-light};
--mainHoverColor: #{$main-hover-color};
--mainBackgroundHoverColor: #{$main-background-hover-color};
--inputForegroundColor: #{$input-foreground-color};
--inputBackgroundColor: #{$input-background-color};
--inputPlaceholderColor: #{$input-placeholder-color};
+ --inputBorderColor: #{$input-border-color};
--textareaForegroundColor: #{$textarea-foreground-color};
--textareaBackgroundColor: #{$textarea-background-color};
font-weight: $font-regular;
color: pvar(--mainForegroundColor);
background-color: pvar(--mainBackgroundColor);
- font-size: 14px;
+ font-size: 1rem;
// On desktop browsers, make sure vertical scroll bar is always visible
// Allow to disable the scrollbar instead of hide it when the content fit the body
// And not move the content and header horizontally sticked to right when the content is updating
@include disable-outline;
background: unset;
+ color: pvar(--mainForegroundColor);
}
label {
font-weight: $font-bold;
- font-size: 15px;
margin-bottom: 0.5rem;
}
vertical-align: middle;
}
-.form-group {
- margin-bottom: 1rem;
-}
-
-.form-error,
-.form-warning {
- display: block;
- margin-top: 5px;
-}
-
-.form-error {
- color: $red;
-}
-
-.input-error,
-my-input-text ::ng-deep input {
- border-color: $red !important;
-}
-
-.full-width {
- width: 100%;
- margin: 0 auto;
- max-width: initial;
-}
-
.main-col {
@include margin-left($menu-width);
}
}
-.title-page {
- @include disable-default-a-behaviour;
- @include margin-right(55px);
-
- opacity: 0.6;
- color: pvar(--mainForegroundColor);
- font-size: 16px;
- display: inline-block;
- font-weight: $font-semibold;
- border-bottom: 2px solid transparent;
-
- &.title-page-single {
- margin-top: 30px;
- margin-bottom: 25px;
- }
-
- &.active {
- border-bottom-color: pvar(--mainColor);
- }
-
- &.title-page-single {
- font-size: 125%;
- }
-
- &:hover,
- &:active,
- &:focus {
- color: pvar(--mainForegroundColor);
- }
-
- &.active,
- &:hover,
- &:active,
- &:focus,
- &.title-page-single {
- opacity: 1;
- outline: 0 hidden !important;
- }
-
- @media screen and (max-width: $mobile-view) {
- @include margin-left(15px);
- }
-}
-
-.title-page-about,
-.title-page-settings {
- white-space: nowrap;
- font-size: 115%;
-}
-
-.admin-sub-header {
- display: flex;
- align-items: center;
- margin-bottom: 30px;
-}
-
// In tables, don't have a hover different background
table {
my-edit-button,
}
}
-.no-results {
- height: 40vh;
- max-height: 500px;
-
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- font-size: 16px;
- font-weight: $font-semibold;
-}
-
-.dropdown-item {
- @include dropdown-with-icon-item;
-
- my-global-icon {
- width: 22px;
- height: 22px;
- }
-}
-
my-global-icon[iconName=external-link] {
- margin: 0 3px;
- width: 13px;
- vertical-align: text-bottom;
+ margin: 0 0.3em;
+ width: 0.9em;
+ height: 0.9em;
+ display: inline-block;
color: pvar(--inputPlaceholderColor);
-}
-
-.chevron-down {
- @include chevron-down(0.55rem, 0.15rem);
-
- margin: 0 8px;
-}
-
-.chevron-up {
- @include chevron-up(0.55rem, 0.15rem);
-
- margin: 0 8px;
-}
-
-.chevron-right {
- @include chevron-right(0.55rem, 0.15rem);
-
- margin: 0 8px;
-}
-
-.chevron-left {
- @include chevron-left(0.55rem, 0.15rem);
-
- margin: 0 8px;
-}
-
-/* offsetTop for scrollToAnchor */
-
-.anchor {
position: relative;
- top: #{-($header-height + 20px)};
-}
-
-.offset-content { // if sub-menu fixed
- .anchor {
- top: #{-($header-height + $sub-menu-height + 20px)};
- }
-}
-
-.form-group-description {
- @extend .muted !optional;
-
- font-size: 90%;
- margin-top: 10px;
-}
-
-.callout {
- padding: 1.25rem;
- border: 1px solid #eee;
- border-radius: .25rem;
- position: relative;
-
- > label {
- position: relative;
- top: -5px;
- left: -10px;
- color: #6c757d !important;
- }
-
- &:not(.callout-light) {
- border-left-width: .25rem;
- }
-
- &.callout-info {
- border-color: pvar(--mainColorLightest);
- border-left-color: pvar(--mainColor);
- }
+ top: -0.1em;
}
@media screen and (max-width: #{breakpoint(xxl)}) {
padding-top: $sub-menu-height + $sub-menu-margin-bottom-small-view;
}
- .admin-sub-header {
- flex-direction: column;
- }
-
my-markdown-textarea {
.root {
max-width: 100% !important;