OpenSourceArk/Ghost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added default background and font styles to cards (#20676)

Browse Source 
ref DES-609

- On top of bookmark card, this update adds default background color and font to file, audio, and product cards
- The main purpose of this is keeping embedded look across these cards consistencly regardless of the theme background color and default font
- Themes can still override the styles
This commit is contained in:
Sodbileg Gansukh 2024-08-20 16:46:47 +08:00 committed by GitHub
parent 0a2f2adefd
commit cc545b55b0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ghost/core/core/frontend/src/cards/css/audio.css
View File

@ -9,7 +9,10 @@
min-height: 96px;
border-radius: 6px;
padding: 4px;
background: #fff;
color: #222;
box-shadow: inset 0 0 0 1px rgba(124, 139, 154, 0.25);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.kg-audio-card+.kg-audio-card {

5
ghost/core/core/frontend/src/cards/css/file.css
View File

@ -14,11 +14,14 @@
color: inherit;
padding: 12px;
min-height: 92px;
background: #fff;
color: #222;
border: 1px solid rgb(124 139 154 / 25%);
border-radius: 5px;
transition: all ease-in-out 0.35s;
text-decoration: none;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.kg-file-card a.kg-file-card-container:hover {
@ -137,4 +140,4 @@
.kg-file-card + .kg-file-card {
margin-top: 1em;
}
}

6
ghost/core/core/frontend/src/cards/css/product.css
View File

@ -19,8 +19,11 @@
max-width: 550px;
padding: 20px;
width: 100%;
background: #fff;
color: #222;
border-radius: 5px;
box-shadow: inset 0 0 0 1px rgb(124 139 154 / 25%);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.kg-product-card-image {
@ -34,7 +37,6 @@
}
.kg-product-card h4.kg-product-card-title {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
text-decoration: none;
font-weight: 600;
font-size: 21px;
@ -50,7 +52,6 @@
.kg-product-card .kg-product-card-description p,
.kg-product-card .kg-product-card-description ol,
.kg-product-card .kg-product-card-description ul {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 14px;
line-height: 1.5em;
opacity: .7;
@ -115,7 +116,6 @@
display: flex;
position: static;
align-items: center;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1em;

2
ghost/core/core/frontend/src/cards/css/toggle.css
View File

@ -94,4 +94,4 @@
.kg-toggle-card + .kg-toggle-card {
margin-top: 1em;
}
}