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 */
30 .dropdown:not(.btn-group):not(.dropdown-root):not(.action-dropdown):not(.input-group-prepend) {
31 z-index: z(dropdown) !important;
35 z-index: z(header) - 1 !important;
40 z-index: z(dropdown) + 1 !important;
43 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);
54 color: pvar(--mainBackgroundColor) !important;
55 background-color: pvar(--mainHoverColor);
65 @include disable-default-a-behaviour;
69 @include disable-default-a-behaviour;
70 color: #000 !important;
75 @media screen and (min-width: #{breakpoint(md)}) {
77 vertical-align: middle;
85 &:not(.modal-lg):not(.modal-xl) {
97 background-color: pvar(--mainBackgroundColor);
106 font-weight: $font-semibold;
120 &[iconName="cross"] {
131 .action-button-cancel {
132 @include peertube-button;
133 @include tertiary-button;
135 display: inline-block;
139 .action-button-submit {
140 @include peertube-button;
141 @include orange-button;
147 // On desktop browsers, make the content and header horizontally sticked to right not move when modal open and close
149 overflow-y: scroll !important; // Make sure vertical scroll bar is always visible on desktop browsers to get disabled scrollbar effect
150 position: fixed; // Fix the body position to disable any scroll content
151 width: 100vw; // Make sure the content fits all the available width when position: fixed
154 // Nav customizations
156 display: flex !important;
158 height: 30px !important;
159 padding: 10px 15px !important;
163 font-size: 16px !important;
164 font-weight: $font-semibold !important;
167 opacity: 0.6 !important;
169 &.active, &:hover, &:active, &:focus {
170 opacity: 1 !important;
175 @include disable-default-a-behaviour;
177 color: pvar(--mainForegroundColor);
181 .nav-tabs .nav-link {
182 @include disable-default-a-behaviour;
184 color: pvar(--mainForegroundColor);
185 font-weight: $font-semibold;
187 border-bottom: 2px solid transparent;
191 color: pvar(--mainForegroundColor);
192 background-color: pvar(--mainBackgroundColor) !important;
193 border-bottom-color: pvar(--mainColor);
196 &.active, &:hover, &:active, &:focus {
202 background-color: pvar(--mainBackgroundColor);
203 border-color: #dee2e6;
206 .collapse-transition {
207 // Animation when we show/hide the filters
208 transition: max-height 0.3s;
209 display: block !important;
210 overflow: hidden !important;
223 z-index: z(modal) - 1 !important;
227 z-index: z(modal) !important;
231 z-index: z(popover) !important;
235 z-index: z(tooltip) !important;
238 .btn-outline-secondary {
239 border-color: $input-border-color;
245 background-color: #6c757d;
249 .btn-outline-tertiary {
250 color: pvar(--secondaryColor);
251 border-color: pvar(--secondaryColor);
256 color: pvar(--mainBackgroundColor);
257 background-color: pvar(--secondaryColor);
261 // input box-shadow on focus
264 color: pvar(--mainForegroundColor);
265 background-color: pvar(--inputBackgroundColor);
270 box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);
273 box-shadow: #{$focus-box-shadow-form} #{scale-color($red, $alpha: -75%)};
283 width: unset !important;
287 .input-group-prepend + input {
288 border-top-left-radius: 0 !important;
289 border-bottom-left-radius: 0 !important;
293 .has-feedback.has-clear {
297 padding-right: 1.5rem !important;
300 .form-control-clear {
301 color: rgba(0, 0, 0, 0.4);
303 * Enable pointer events as they have been disabled since Bootstrap 3.3
304 * See https://github.com/twbs/bootstrap/pull/14104
308 justify-content: center;
316 color: rgba(0, 0, 0, 0.7);
321 input:placeholder-shown + .form-control-clear {