Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

A11Y: Better contrast for lightbox overlay links (#25208)

This commit is contained in:
Penar Musaraj 2024-01-10 14:07:49 -05:00 committed by GitHub
parent c916806fe8
commit 7bfb1af180
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/common/base/magnific-popup.scss
View File

@ -29,7 +29,7 @@
@use "sass:math"; @use "sass:math";
$overlay-color: #0b0b0b !default; $overlay-color: #000000 !default;
$overlay-opacity: 0.8 !default; $overlay-opacity: 0.8 !default;
$shadow: 0 0 8px rgba(0, 0, 0, 0.6) !default; // shadow on image or iframe $shadow: 0 0 8px rgba(0, 0, 0, 0.6) !default; // shadow on image or iframe
$popup-padding-left: 8px !default; // Padding from left and from right side $popup-padding-left: 8px !default; // Padding from left and from right side
@ -79,7 +79,7 @@ $use-visuallyhidden: false !default; // Hide content from browsers, but make it
position: fixed; position: fixed;
background: $overlay-color; background: $overlay-color;
opacity: $overlay-opacity; animation: fade 0.3s alternate;
} }
// Wrapper for popup // Wrapper for popup
@ -486,6 +486,10 @@ button {
a.image-source-link .d-icon { a.image-source-link .d-icon {
padding-right: 5px; padding-right: 5px;
} }
a {
color: var(--tertiary-medium);
}
} }
.mfp-ready { .mfp-ready {
@ -617,7 +621,7 @@ button {
@include transform(scale(1)); @include transform(scale(1));
} }
&.mfp-bg { &.mfp-bg {
opacity: 0.8; opacity: 0.7;
} }
} }