tpl
/
obsidian-sample-plugin
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update styles.css

This commit is contained in:
kim365my 2024-04-05 20:44:28 +09:00
parent 91acd35555
commit f1fb9a051c
1 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
styles.css
View File

@ -12,6 +12,8 @@ a:has(.openGraphPreview) {
padding-right: 0; padding-right: 0;
text-decoration: none; text-decoration: none;
background-image: none; background-image: none;
container-name: openGraphPreview;
container-type: inline-size;
} }
a:has(.openGraphPreview):hover { a:has(.openGraphPreview):hover {
text-decoration: none; text-decoration: none;
@ -20,23 +22,21 @@ a:has(.openGraphPreview):hover {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: nowrap;
gap: 8px; gap: 8px;
border: var(--cards-border-width) solid var(--background-modifier-border); border: var(--cards-border-width) solid var(--background-modifier-border);
background: none; background: none;
color: var(--text-normal); color: var(--text-normal);
text-decoration: none; text-decoration: none;
background: none; background: none;
} }
.openGraphPreview:hover { .openGraphPreview:hover {
text-decoration: none; text-decoration: none;
color: var(--text-normal); color: var(--text-normal);
} }
.openGraphPreview .se-oglink-thumbnail { .openGraphPreview .se-oglink-thumbnail {
flex-shrink: 0;
width: 100%; width: 100%;
height: initial;
overflow: hidden;
} }
.openGraphPreview .se-oglink-thumbnail-resource { .openGraphPreview .se-oglink-thumbnail-resource {
height: 100%; height: 100%;
@ -44,10 +44,7 @@ a:has(.openGraphPreview):hover {
border-radius: 0 !important; border-radius: 0 !important;
} }
.openGraphPreview .se-oglink-info-container { .openGraphPreview .se-oglink-info-container {
display: flex; width: min-content;
flex-direction: column;
justify-content: center;
gap: 8px;
overflow: auto; overflow: auto;
padding: var(--size-4-3) var(--size-4-2); padding: var(--size-4-3) var(--size-4-2);
} }
@ -88,7 +85,7 @@ a:has(.openGraphPreview):hover {
width: 100%; width: 100%;
} }
@media screen and (min-width: 1000px) { @container openGraphPreview (width > 400px) {
.openGraphPreview { .openGraphPreview {
flex-direction: row; flex-direction: row;
} }