This commit is contained in:
Mirco Wittrien 2021-05-03 12:06:41 +02:00
parent 174607e219
commit 9548df7656
2 changed files with 223 additions and 0 deletions

View File

@ -572,6 +572,27 @@
"dateInputPreviewSuffix": "dateInputPreviewSuffix-f4Sr32",
"dateInputWrapper": "dateInputWrapper-6tQOYp",
"dev": "dev-A7f2Rx",
"discoveryCard": "card-x5zW6z",
"discoveryCardAuthor": "author-d2JIcl",
"discoveryCardButton": "button-coQXfM",
"discoveryCardControls": "controls-T0w-Wc",
"discoveryCardCover": "cover-qyY86I",
"discoveryCardCoverBadge": "coverBadge-I41ZIY",
"discoveryCardCoverWrapper": "coverWrapper-J-mDGJ",
"discoveryCardDescription": "description-zXiu5E",
"discoveryCardFooter": "footer-C1KpS6",
"discoveryCardHeader": "header-4hHJgv",
"discoveryCardIcon": "icon-0jmVrJ",
"discoveryCardIconWrapper": "iconWrapper-eK7GO6",
"discoveryCardInfo": "info-xw-o76",
"discoveryCardName": "name-OSUjF9",
"discoveryCards": "list-QuW8QR",
"discoveryCardStat": "stat-eRknnn",
"discoveryCardStatIcon": "statIcon-o40EX1",
"discoveryCardStats": "stats-Pc5tYW",
"discoveryCardTag": "tag-PbPfwP",
"discoveryCardTags": "tags-9KJ-1X",
"discoveryCardTitle": "title-SSzExd",
"favButtonContainer": "favbutton-8Fzu45",
"guild": "guild-r3yAE_",
"guildLowerLeftBadge": "lowerLeftBadge-zr4T_9",
@ -1894,6 +1915,27 @@
"expressionpickernavbuttonactive": ["ExpressionPicker", "navButtonActive"],
"expressionpickernavitem": ["ExpressionPicker", "navItem"],
"expressionpickernavlist": ["ExpressionPicker", "navList"],
"discoverycard": ["BDFDB", "discoveryCard"],
"discoverycardauthor": ["BDFDB", "discoveryCardAuthor"],
"discoverycardbutton": ["BDFDB", "discoveryCardButton"],
"discoverycardcontrols": ["BDFDB", "discoveryCardControls"],
"discoverycardcover": ["BDFDB", "discoveryCardCover"],
"discoverycardcoverbadge": ["BDFDB", "discoveryCardCoverBadge"],
"discoverycardcoverwrapper": ["BDFDB", "discoveryCardCoverWrapper"],
"discoverycarddescription": ["BDFDB", "discoveryCardDescription"],
"discoverycardfooter": ["BDFDB", "discoveryCardFooter"],
"discoverycardheader": ["BDFDB", "discoveryCardHeader"],
"discoverycardicon": ["BDFDB", "discoveryCardIcon"],
"discoverycardiconwrapper": ["BDFDB", "discoveryCardIconWrapper"],
"discoverycardinfo": ["BDFDB", "discoveryCardInfo"],
"discoverycardname": ["BDFDB", "discoveryCardName"],
"discoverycards": ["BDFDB", "discoveryCards"],
"discoverycardstat": ["BDFDB", "discoveryCardStat"],
"discoverycardstaticon": ["BDFDB", "discoveryCardStatIcon"],
"discoverycardstats": ["BDFDB", "discoveryCardStats"],
"discoverycardtag": ["BDFDB", "discoveryCardTag"],
"discoverycardtags": ["BDFDB", "discoveryCardTags"],
"discoverycardtitle": ["BDFDB", "discoveryCardTitle"],
"favbuttoncontainer": ["BDFDB", "favButtonContainer"],
"fileattachment": ["File", "attachment"],
"fileattachmentinner": ["File", "attachmentInner"],

View File

@ -254,6 +254,187 @@ img:not([src]), img[src=""], img[src="null"] {
margin: 0 3px;
}
[REPLACE_CLASS_discoverycards] {
display: grid;
grid-gap: 16px;
grid-template-columns: repeat(auto-fill, minmax(248px, 1fr));
padding: 10px 0;
}
[REPLACE_CLASS_discoverycard] {
display: flex;
flex-direction: column;
position: relative;
background-color: var(--activity-card-background);
border: 2px solid var(--activity-card-background);
border-radius: 8px;
box-shadow: var(--elevation-medium);
height: 370px;
width: 100%;
overflow: hidden;
transition: box-shadow .2s ease-out,transform .2s ease-out,background .2s ease-out,border .2s ease-out,opacity .2s ease-in;
}
[REPLACE_CLASS_themedark] [REPLACE_CLASS_discoverycard] {
background-color: var(--background-secondary-alt);
border-color: var(--background-secondary-alt);
}
[REPLACE_CLASS_discoverycard]:focus,
[REPLACE_CLASS_discoverycard]:hover {
background-color: var(--background-tertiary);
border-color: var(--background-tertiary);
box-shadow: var(--elevation-high);
transform: translateY(-1px);
}
[REPLACE_CLASS_discoverycardheader] {
display: block;
flex: 0 0 auto;
position: relative;
height: 143px;
overflow: visible;
margin-bottom: 28px;
}
[REPLACE_CLASS_discoverycardcoverwrapper] {
display: block;
position: absolute;
top: 0;
left: 0;
background: url(https://mwittrien.github.io/_res/imgs/cardplaceholder.svg) center/cover no-repeat;
transform: scale(1);
transition: transform .2s ease-out;
}
[REPLACE_CLASS_discoverycard]:focus [REPLACE_CLASS_discoverycardcoverwrapper],
[REPLACE_CLASS_discoverycard]:hover [REPLACE_CLASS_discoverycardcoverwrapper] {
transform: scale(1.01) translateZ(0);
}
[REPLACE_CLASS_discoverycardcoverwrapper],
[REPLACE_CLASS_discoverycardcover] {
width: 100%;
height: 100%;
}
[REPLACE_CLASS_discoverycardcover] {
object-fit: cover;
cursor: pointer;
}
[REPLACE_CLASS_discoverycardcoverbadge] {
position: absolute;
top: 6px;
right: 8px;
}
[REPLACE_CLASS_discoverycardiconwrapper] {
position: absolute;
bottom: -21px;
left: 12px;
background-color: var(--activity-card-background);
border-radius: 10px;
padding: 6px;
transition: box-shadow .2s ease-out,transform .2s ease-out,background .2s ease-out;
}
[REPLACE_CLASS_themedark] [REPLACE_CLASS_discoverycardiconwrapper] {
background-color: var(--background-secondary-alt);
}
[REPLACE_CLASS_discoverycard]:focus [REPLACE_CLASS_discoverycardiconwrapper],
[REPLACE_CLASS_discoverycard]:hover [REPLACE_CLASS_discoverycardiconwrapper] {
background-color: var(--background-tertiary);
}
[REPLACE_CLASS_discoverycardicon] {
color: var(--header-primary);
border-radius: 10px;
width: 32px;
height: 32px;
}
[REPLACE_CLASS_discoverycardinfo] {
display: flex;
flex: 1 1 auto;
position: relative;
flex-direction: column;
align-content: stretch;
padding: 0 16px 16px;
overflow: hidden;
}
[REPLACE_CLASS_discoverycardtitle] {
display: flex;
align-items: center;
color: var(--header-primary);
width: 100%;
font-weight: 600;
font-size: 16px;
line-height: 20px;
flex: 0 0 auto;
}
[REPLACE_CLASS_discoverycardname] {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
flex: 1 1 auto;
}
[REPLACE_CLASS_discoverycard] [REPLACE_CLASS_favbuttoncontainer] {
width: 20px;
height: 20px;
flex: 0 0 auto;
}
[REPLACE_CLASS_discoverycard] [REPLACE_CLASS_favbuttoncontainer][REPLACE_CLASS_giffavoritesize] {
width: 20px;
height: 20px;
}
[REPLACE_CLASS_discoverycardauthor] {
color: var(--header-secondary);
margin: 3px 0 6px;
font-size: 14px;
flex: 0 0 auto;
}
[REPLACE_CLASS_discoverycarddescription] {
color: var(--header-secondary);
margin: 4px 0 12px;
font-size: 14px;
line-height: 18px;
}
[REPLACE_CLASS_discoverycardfooter] {
flex: 0 0 auto;
}
[REPLACE_CLASS_discoverycardtags] {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 4px;
}
[REPLACE_CLASS_discoverycardtag] {
margin-right: 6px;
margin-bottom: 6px;
font-weight: 500;
}
[REPLACE_CLASS_discoverycardcontrols] {
display: flex;
justify-content: space-between;
align-items: flex-end;
align-items: center;
flex: 0 0 auto;
}
[REPLACE_CLASS_discoverycardbutton] {
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
font-size: 14px;
font-weight: 500;
padding: 6px 8px;
cursor: pointer;
}
[REPLACE_CLASS_discoverycardstats] {
display: flex;
justify-content: center;
align-items: center;
color: var(--header-secondary);
font-size: 14px;
}
[REPLACE_CLASS_discoverycardstat] {
display: flex;
justify-content: center;
align-items: center;
margin-right: 8px;
}
[REPLACE_CLASS_discoverycardstaticon] {
margin-right: 4px;
}
[REPLACE_CLASS_overflowellipsis] {
overflow: hidden;
text-overflow: ellipsis;