Mirrors/keyoxide-web
1
0
Fork 1
mirror of https://codeberg.org/keyoxide/keyoxide-web.git synced 2024-12-22 23:09:29 -07:00
Code Issues Projects Releases Packages Wiki Activity

Fix styles

Browse source
This commit is contained in:
Yarmo Mackenbach 2021-05-02 13:06:31 +02:00
parent d11b13ab27
commit dd07386520
No known key found for this signature in database
GPG key ID: 37367F4AF4087AD1
1 changed files with 27 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
static/kx-styles.css
View file

@ -71,7 +71,7 @@ details.kx-item summary .verificationStatus {
display: flex;
align-items: center;
justify-content: center;
min-width: 48px;
width: 48px;
height: 48px;
border-radius: 100%;
color: #fff;
@ -90,7 +90,7 @@ details.kx-item summary .verificationStatus::after {
}
details.kx-item summary .verificationStatus .inProgress {
opacity: 0;
transition: all 0.4s ease;
transition: opacity 0.4s ease;
pointer-events: none;
}
details.kx-item summary .verificationStatus[data-value="success"] {
@ -121,31 +121,12 @@ details.kx-item .subsection > img {
opacity: 0.4;
}
@media screen and (max-width: 640px) {
details.kx-item summary .claim__description p {
font-size: 1.2rem;
}
details.kx-item summary .claim__links a, p.subtle-links a {
font-size: 0.9rem;
}
}
@media screen and (max-width: 480px) {
summary .claim__description p {
font-size: 1rem;
}
details.kx-item summary .verificationStatus {
min-width: 36px;
height: 36px;
font-size: 1.6rem;
}
}
details.kx-item .inProgress {
font-size: 10px;
margin: 50px auto;
text-indent: -9999em;
width: 4.8em;
height: 4.8em;
width: 48px;
height: 48px;
border-radius: 50%;
background: var(--purple-400);
background: -moz-linear-gradient(left, var(--purple-400) 10%, rgba(255, 255, 255, 0) 42%);
@ -184,6 +165,29 @@ details.kx-item .inProgress:after {
right: 0;
}
@media screen and (max-width: 640px) {
details.kx-item summary .claim__description p {
font-size: 1.2rem;
}
details.kx-item summary .claim__links a, p.subtle-links a {
font-size: 0.9rem;
}
}
@media screen and (max-width: 480px) {
summary .claim__description p {
font-size: 1rem;
}
details.kx-item summary .verificationStatus {
width: 36px;
height: 36px;
font-size: 1.6rem;
}
details.kx-item .inProgress {
width: 36px;
height: 36px;
}
}
@-webkit-keyframes load3 {
0% {
-webkit-transform: rotate(0deg);