github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-01-30 06:28:03 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UI: Category Onebox styling changes (#11448)

Browse Source 
This commit adjusts the category one box styling to be more in line with the discourse categories UI.
This commit is contained in:
Jordan Vidrine 2020-12-09 11:36:05 -06:00 committed by GitHub
parent 538e1142e7
commit 0116897ac9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -670,6 +670,11 @@ aside.onebox.stackexchange .onebox-body {
margin-right: 0.5em;
}
}
&.category-onebox {
border: 1px solid var(--primary-low);
padding-left: calc(1em - 5px);
margin-left: 5px;
}
}
.onebox.gfycat p {

7
lib/onebox/templates/discourse_category_onebox.mustache
View File

@ -1,10 +1,13 @@
<aside class="onebox" style="border-left: 5px solid #{{color}}">
<article class="onebox-body category-onebox">
<aside class="onebox category-onebox" style="box-shadow: -5px 0px #{{color}};">
<article class="onebox-body category-onebox-body">
{{#logo_url}}
<img src="{{logo_url}}" class="thumbnail" />
{{/logo_url}}
<h3>
<a class="badge-wrapper bullet" href="{{url}}">
{{#color}}
<span class="badge-category-bg" style="background-color: #{{{color}}}"></span>
{{/color}}
<span class="clear-badge"><span>{{{name}}}</span></span>
</a>
</h3>