@import '_fonts';
-@import '~video.js/dist/video-js.css';
-
-$assets-path: '../../assets/';
-@import './player/index';
-
@import './bootstrap';
@import './primeng-custom';
-@import './ng-select.scss';
+@import './ng-select';
-@import './classes.scss';
+@import './classes';
[hidden] {
display: none !important;
--activatedActionButtonColor: #{$activated-action-button-color};
--horizontalMarginContent: #{$not-expanded-horizontal-margins};
+ --videosHorizontalMarginContent: 6vw;
--mainColWidth: calc(100vw - #{$menu-width});
font-family: $main-fonts;
background-color: pvar(--inputBackgroundColor) !important;
}
-input, textarea {
+input,
+textarea {
outline: none;
color: pvar(--inputForegroundColor);
}
button {
- background: unset;
@include disable-outline;
+
+ background: unset;
}
label {
margin-top: 5px;
}
-.input-error
+.input-error,
my-input-toggle-hidden ::ng-deep input {
border-color: $red !important;
}
-.fullWidth {
+.full-width {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.glyphicon-black {
- color: black;
+ color: #000;
}
.row {
width: 100%;
}
- &.lock-scroll .main-row > router-outlet + * {
+ &.lock-scroll .main-row > router-outlet + * { /* stylelint-disable-line selector-max-compound-selectors */
// Lock and hide body scrollbars
position: fixed;
// Lock and hide sub-menu scrollbars
- .sub-menu {
+ .sub-menu { /* stylelint-disable-line */
overflow-x: hidden;
}
}
}
.title-page {
+ @include disable-default-a-behaviour;
+
opacity: 0.6;
color: pvar(--mainForegroundColor);
font-size: 16px;
display: inline-block;
margin-right: 55px;
font-weight: $font-semibold;
- @include disable-default-a-behaviour;
-
border-bottom: 2px solid transparent;
&.title-page-single {
font-size: 125%;
}
- &:hover, &:active, &:focus {
+ &:hover,
+ &:active,
+ &:focus {
color: pvar(--mainForegroundColor);
}
- &.active, &:hover, &:active, &:focus, &.title-page-single {
+ &.active,
+ &:hover,
+ &:active,
+ &:focus,
+ &.title-page-single {
opacity: 1;
- outline: 0px hidden !important;
+ outline: 0 hidden !important;
}
@media screen and (max-width: $mobile-view) {
background-color: pvar(--submenuBackgroundColor);
}
- &.active, &:hover, &:active, &:focus {
+ &.active,
+ &:hover,
+ &:active,
+ &:focus {
opacity: 1;
}
}
// In tables, don't have a hover different background
table {
- .action-button-edit, .action-button-delete {
- &:hover, &:active, &:focus, &[disabled], &.disabled {
+ .action-button-edit,
+ .action-button-delete {
+ &:hover,
+ &:active,
+ &:focus,
+ &[disabled],
+ &.disabled {
background-color: $grey-background-color !important;
}
}
}
@media screen and (max-width: #{breakpoint(xxl)}) {
- .main-col.expanded {
- --horizontalMarginContent: #{$expanded-horizontal-margins/2};
+ .main-col {
+ --horizontalMarginContent: #{$not-expanded-horizontal-margins / 2};
+ --videosHorizontalMarginContent: 30px;
+
+ &.expanded {
+ --horizontalMarginContent: #{$expanded-horizontal-margins / 2};
+ }
}
}
@media screen and (max-width: #{breakpoint(lg)}) {
+ .main-col {
+ --videosHorizontalMarginContent: #{pvar(--horizontalMarginContent)};
+ }
+
/* the following applies from 500px to 900px and is partially overriden from 500px to 800px by changes below to $small-view */
.main-col,
.main-col.expanded {
- --horizontalMarginContent: #{$expanded-horizontal-margins/3};
+ --horizontalMarginContent: #{$expanded-horizontal-margins / 3};
.sub-menu {
padding-left: 50px;
}
.admin-sub-header {
- @include admin-sub-header-responsive;
+ flex-direction: column;
+
+ .form-sub-title {
+ margin-right: 0 !important;
+ margin-bottom: 10px;
+ text-align: center;
+ }
+
+ .admin-sub-nav {
+ display: block;
+ overflow-x: auto;
+ white-space: nowrap;
+ height: 50px;
+ padding: 10px 0;
+ width: 100%;
+
+ a {
+ margin-left: 5px;
+ }
+ }
}
my-markdown-textarea {