Generally seems to cause issues when secure images are in use.
Was added during laravel upgrade but laravel does not use this directly
for its web middleware anyway.
\Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
\Illuminate\Session\Middleware\StartSession::class,
\Illuminate\View\Middleware\ShareErrorsFromSession::class,
\Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
\Illuminate\Session\Middleware\StartSession::class,
\Illuminate\View\Middleware\ShareErrorsFromSession::class,
- \Illuminate\Routing\Middleware\ThrottleRequests::class,
\BookStack\Http\Middleware\VerifyCsrfToken::class,
\BookStack\Http\Middleware\Localization::class,
\BookStack\Http\Middleware\GlobalViewData::class,
\BookStack\Http\Middleware\VerifyCsrfToken::class,
\BookStack\Http\Middleware\Localization::class,
\BookStack\Http\Middleware\GlobalViewData::class,
button {
background-color: transparent;
border: none;
button {
background-color: transparent;
border: none;
+ @include lightDark(color, #666, #AAA);
padding: 0;
cursor: pointer;
position: absolute;
padding: 0;
cursor: pointer;
position: absolute;
button {
z-index: 1;
left: 16px;
button {
z-index: 1;
left: 16px;
+ @include lightDark(color, rgba(255, 255, 255, 0.8), #AAA);
@include rtl {
left: auto;
right: 16px;
@include rtl {
left: auto;
right: 16px;
display: none;
}
> span:first-child {
display: none;
}
> span:first-child {
+ @include lightDark(color, #444, #eee);
+ @include lightDark(background-color, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
}
.pointer {
border: 1px solid #CCC;
}
.pointer {
border: 1px solid #CCC;
+ @include lightDark(border-color, #ccc, #000);
display: flex;
align-items: center;
justify-items: center;
padding: $-s $-s;
border-radius: 4px;
display: flex;
align-items: center;
justify-items: center;
padding: $-s $-s;
border-radius: 4px;
- box-shadow: 0 0 12px 1px rgba(212, 209, 209, 0.3);
+ box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.1);
position: absolute;
top: -60px;
position: absolute;
top: -60px;
+ @include lightDark(background-color, #fff, #333);
width: 275px;
z-index: 55;
width: 275px;
z-index: 55;
margin-inline-start: -8px;
content: '';
display: block;
margin-inline-start: -8px;
content: '';
display: block;
transform: rotate(45deg);
transform-origin: 50% 50%;
transform: rotate(45deg);
transform-origin: 50% 50%;
- border-inline-startom: 1px solid #CCC;
+ border-block-end: 1px solid #CCC;
border-inline-end: 1px solid #CCC;
z-index: 56;
border-inline-end: 1px solid #CCC;
z-index: 56;
+ @include lightDark(background-color, #fff, #333);
+ @include lightDark(border-color, #ccc, #000);
}
input, button, a {
position: relative;
}
input, button, a {
position: relative;
input {
background-color: #FFF;
border: 1px solid #DDD;
input {
background-color: #FFF;
border: 1px solid #DDD;
+ @include lightDark(border-color, #ddd, #000);
color: #666;
width: 172px;
z-index: 40;
color: #666;
width: 172px;
z-index: 40;
width: 1.2em;
height: 1.2em;
}
width: 1.2em;
height: 1.2em;
}
+ .button {
+ @include lightDark(border-color, #ddd, #000);
+ }
&.square {
border-radius: 3px;
}
&.square {
border-radius: 3px;
}
+ &[src$="user_avatar.png"] {
+ @include whenDark {
+ filter: invert(1);
+ }
+ }