github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-04-10 03:50:49 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Bump onebox version

Browse Source 
- reuse existing video icon class
- CSS changes for reddit video onebox
This commit is contained in:
Arpit Jalan 2020-05-06 19:33:50 +05:30
parent eda2d184d6
commit 10ca6968af
2 changed files with 5 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Gemfile.lock
View File

@ -241,7 +241,7 @@ GEM
omniauth-twitter (1.4.0) omniauth-twitter (1.4.0)
omniauth-oauth (~> 1.1) omniauth-oauth (~> 1.1)
rack rack
onebox (1.9.28) onebox (1.9.28.1)
addressable (~> 2.7.0) addressable (~> 2.7.0)
htmlentities (~> 4.3) htmlentities (~> 4.3)
multi_json (~> 1.11) multi_json (~> 1.11)

17
app/assets/stylesheets/common/base/onebox.scss
View File

@ -276,22 +276,10 @@ aside.onebox {
'<svg xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewBox="0 0 512 512" fill="white"><path d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path></svg>' '<svg xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewBox="0 0 512 512" fill="white"><path d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path></svg>'
); );
} }
bottom: 10px; bottom: 15px;
right: 10px; right: 10px;
position: absolute; position: absolute;
} }
.reddit-video-icon {
&:before {
opacity: 0.8;
content: svg-uri(
'<svg xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewBox="0 0 512 512" fill="white"><path d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path></svg>'
);
}
bottom: 155px;
right: 50px;
position: absolute;
}
} }
} }
@ -676,6 +664,9 @@ aside.onebox.stackexchange .onebox-body {
} }
.onebox.reddit { .onebox.reddit {
div.aspect-image-full-size {
position: relative;
}
div.description { div.description {
color: dark-light-choose($primary-medium, $secondary-medium); color: dark-light-choose($primary-medium, $secondary-medium);
padding-top: 10px; padding-top: 10px;