jellyfin/jellyfin.org
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin.org.git synced 2026-09-03 05:10:34 +03:00
Code Issues Packages Projects Releases Wiki Activity

changed CSS class naming.

Browse Source
This commit is contained in:
leewan-09
2022-09-08 22:12:26 +05:00
parent 89aa395c52
commit d490fc102d
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/general/contributing/branding.md
+4 -4
View File
@@ -40,10 +40,10 @@ All iconography and other resources can be found in the [jellyfin-ux](https://gi
When using the full version of the logo, the text should only be placed to the right of the icon.
![The logo should have the text placed on the right of the icon.](/images/docs/branding-logo-yes-side.png#gh-light-mode-only)
![The logo should have the text placed on the right of the icon.](/images/docs/branding-logo-dark-theme-yes-side.png#gh-dark-mode-only)
![The logo should never have the text placed below the icon.](/images/docs/branding-logo-no-below.png#gh-light-mode-only)
![The logo should never have the text placed below the icon.](/images/docs/branding-logo-dark-theme-no-below.png#gh-dark-mode-only)
![The logo should have the text placed on the right of the icon.](/images/docs/branding-logo-yes-side.png#hidden--dark-mode)
![The logo should have the text placed on the right of the icon.](/images/docs/branding-logo-dark-theme-yes-side.png#hidden--light-mode)
![The logo should never have the text placed below the icon.](/images/docs/branding-logo-no-below.png#hidden--dark-mode)
![The logo should never have the text placed below the icon.](/images/docs/branding-logo-dark-theme-no-below.png#hidden--light-mode)
The design for the logo uses a gradient for the infill, and if the non-transparent logo is chosen there is an optional background color.
src/css/custom.css
+2 -2
View File
@@ -113,8 +113,8 @@ a.pills__item:not(.pills__item--active) {
}
/* To toggle the visibility of an image using the path fragment */
[data-theme='light'] img[src$='#gh-dark-mode-only'],
[data-theme='dark'] img[src$='#gh-light-mode-only'] {
[data-theme='light'] img[src$='#hidden--light-mode'],
[data-theme='dark'] img[src$='#hidden--dark-mode'] {
display: none;
}