maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Safari CSS gradient bug #14311 (#14938)

Browse source 
* Safari CSS gradient bug #14311

* Fix comments background color

* Fix scss not processing rgb with css variables
This commit is contained in:
Dan Wood 2021-10-14 08:38:55 +11:00 • committed by GitHub
parent cefb195399
commit 0b8338f2c6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 18 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/assets/stylesheets/components/comments.scss
View file

@ -51,8 +51,8 @@
left: 0;
top: 0;
background: linear-gradient(
rgba(255, 255, 255, 0) 250px,
var(--story-comments-bg)
var(--story-comments-bg-top) 250px,
var(--story-comments-bg-bottom)
);
}
}

2
app/assets/stylesheets/components/stories.scss
View file

@ -193,7 +193,7 @@
&__comments {
cursor: default;
background: var(--story-comments-bg);
background: RGB(var(--story-comments-bg));
border-radius: var(--radius);
position: relative;
bottom: var(--su-2);

4
app/assets/stylesheets/config/_colors.scss
View file

@ -224,7 +224,9 @@
--tag-color-hover: var(--base-100);
// Story
--story-comments-bg: var(--base-0);
--story-comments-bg: 249, 249, 249;
--story-comments-bg-top: rgba(var(--story-comments-bg), 0);
--story-comments-bg-bottom: rgba(var(--story-comments-bg), 1);
// Select icon
--select-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE2TDYgMTBIMThMMTIgMTZaIiBmaWxsPSIjMDgwOTBBIi8+Cjwvc3ZnPg==);

4
app/assets/stylesheets/themes/hacker.scss
View file

@ -217,7 +217,9 @@
--tag-color-hover: var(--base-100);
// Story
--story-comments-bg: #0d0d0d;
--story-comments-bg: 13, 13, 13;
--story-comments-bg-top: rgba(var(--story-comments-bg), 0);
--story-comments-bg-bottom: rgba(var(--story-comments-bg), 1);
// Select icon
--select-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE2TDYgMTBIMThMMTIgMTZaIiBmaWxsPSIjMkVGRjdCIi8+Cjwvc3ZnPg==);

4
app/assets/stylesheets/themes/minimal.scss
View file

@ -204,7 +204,9 @@
--tag-color-hover: var(--base-100);
// Story
--story-comments-bg: #fafafa; //hotfix
--story-comments-bg: 250, 250, 250;
--story-comments-bg-top: rgba(var(--story-comments-bg), 0);
--story-comments-bg-bottom: rgba(var(--story-comments-bg), 1);
// Select icon
--select-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE2TDYgMTBIMThMMTIgMTZaIiBmaWxsPSIjN2E3YTdhIi8+Cjwvc3ZnPg==);

4
app/assets/stylesheets/themes/night.scss
View file

@ -215,7 +215,9 @@
--tag-color-hover: var(--base-100);
// Story
--story-comments-bg: #151e2a; //hotfix
--story-comments-bg: 21, 30, 42;
--story-comments-bg-top: rgba(var(--story-comments-bg), 0);
--story-comments-bg-bottom: rgba(var(--story-comments-bg), 1);
// Select icon
--select-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE2TDYgMTBIMThMMTIgMTZaIiBmaWxsPSIjYzJjNmNhIi8+Cjwvc3ZnPg==);

4
app/assets/stylesheets/themes/pink.scss
View file

@ -204,7 +204,9 @@
--tag-color-hover: var(--base-100);
// Story
--story-comments-bg: rgba(255, 255, 255, 0.05);
--story-comments-bg: 255, 255, 255;
--story-comments-bg-top: rgba(var(--story-comments-bg), 0);
--story-comments-bg-bottom: rgba(var(--story-comments-bg), 1);
// Select icon
--select-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE2TDYgMTBIMThMMTIgMTZaIiBmaWxsPSIjNTcxOTJkIi8+Cjwvc3ZnPg==);