Post access indicator

This commit is contained in:
Sodbileg Gansukh
2022-05-26 14:31:14 +08:00
parent 7a86c6fd92
commit 0bf84b2b80
5 changed files with 63 additions and 18 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -624,6 +624,7 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
.post-card-image-link {
position: relative;
overflow: hidden;
display: block;
margin-bottom: 32px;
}
@ -634,6 +635,12 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
padding-bottom: 55%;
}
.post-card:not(.post-access-public) .post-card-image-link::after {
position: relative;
background-color: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(3px);
}
.post-card.keep-ratio:not(.post-card-large):not(.post-card-full) .post-card-image-link::after {
display: none;
}
@ -651,6 +658,19 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
position: static;
}
.post-card-access {
position: absolute;
inset: 0;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
font-size: 1.5rem;
font-weight: 600;
color: #fff;
}
.post-card-content-link {
position: relative;
display: block;
@ -703,6 +723,11 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
letter-spacing: -0.005em;
}
.post-card-title svg {
margin-top: -3px;
margin-left: -1px;
}
.post-card-content {
flex-grow: 1;
display: flex;