1 $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
7 // Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d
8 .glyphicon-refresh-animate {
9 animation: spin .7s infinite linear;
22 transform: scale(1) rotate(0deg);
25 transform: scale(1) rotate(360deg);
29 /* rules for dropdowns excepts when in button group, to avoid impacting the dropdown-toggle */
31 z-index: z(dropdown) !important;
36 z-index: z(header) - 1 !important;
44 z-index: inherit !important;
49 z-index: z(dropdown) + 1 !important;
52 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
63 color: pvar(--mainBackgroundColor) !important;
64 background-color: pvar(--mainHoverColor);
69 color: pvar(--mainForegroundColor) !important;
78 @include disable-default-a-behaviour;
82 @include disable-default-a-behaviour;
83 color: #000 !important;
88 @media screen and (min-width: #{breakpoint(md)}) {
90 vertical-align: middle;
98 &:not(.modal-lg):not(.modal-xl) {
110 background-color: pvar(--mainBackgroundColor);
119 font-weight: $font-semibold;
133 &[iconName="cross"] {
144 .action-button-cancel {
145 @include peertube-button;
146 @include tertiary-button;
148 display: inline-block;
152 .action-button-submit {
153 @include peertube-button;
154 @include orange-button;
160 // On desktop browsers, make the content and header horizontally sticked to right not move when modal open and close
162 overflow-y: scroll !important; // Make sure vertical scroll bar is always visible on desktop browsers to get disabled scrollbar effect
163 width: 100vw; // Make sure the content fits all the available width
166 // On touchscreen devices, simply overflow: hidden to avoid detached overlay on scroll
167 @media (hover: none) and (pointer: coarse) {
168 .modal-open, .menu-open {
169 overflow: hidden !important;
172 // On touchscreen devices display content overlay when opened menu
176 background-color: black;
183 z-index: z('menu') - 1;
189 // Nav customizations
191 display: flex !important;
193 height: 30px !important;
194 padding: 10px 15px !important;
198 font-size: 16px !important;
199 font-weight: $font-semibold !important;
202 opacity: 0.6 !important;
204 &.active, &:hover, &:active, &:focus {
205 opacity: 1 !important;
210 @include disable-default-a-behaviour;
212 color: pvar(--mainForegroundColor);
216 .nav-tabs .nav-link {
217 @include disable-default-a-behaviour;
219 color: pvar(--mainForegroundColor);
220 font-weight: $font-semibold;
222 border-bottom: 2px solid transparent;
226 color: pvar(--mainForegroundColor);
227 background-color: pvar(--mainBackgroundColor) !important;
228 border-bottom-color: pvar(--mainColor);
231 &.active, &:hover, &:active, &:focus {
237 background-color: pvar(--mainBackgroundColor);
238 border-color: #dee2e6;
241 .collapse-transition {
242 // Animation when we show/hide the filters
243 transition: max-height 0.3s;
244 display: block !important;
245 overflow: hidden !important;
258 z-index: z(modal) - 1 !important;
262 z-index: z(modal) !important;
266 z-index: z(popover) !important;
270 z-index: z(tooltip) !important;
273 .btn-outline-secondary {
274 border-color: $input-border-color;
280 background-color: #6c757d;
284 .btn-outline-tertiary {
285 color: pvar(--secondaryColor);
286 border-color: pvar(--secondaryColor);
291 color: pvar(--mainBackgroundColor);
292 background-color: pvar(--secondaryColor);
296 // input box-shadow on focus
299 color: pvar(--mainForegroundColor);
300 background-color: pvar(--inputBackgroundColor);
305 box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);
308 box-shadow: #{$focus-box-shadow-form} #{scale-color($red, $alpha: -75%)};
318 width: unset !important;
322 .input-group-prepend + input {
323 border-top-left-radius: 0 !important;
324 border-bottom-left-radius: 0 !important;
328 .has-feedback.has-clear {
332 padding-right: 1.5rem !important;
335 .form-control-clear {
336 color: rgba(0, 0, 0, 0.4);
338 * Enable pointer events as they have been disabled since Bootstrap 3.3
339 * See https://github.com/twbs/bootstrap/pull/14104
343 justify-content: center;
351 color: rgba(0, 0, 0, 0.7);
356 input:placeholder-shown + .form-control-clear {