Fix sign in page layout: label position, checkbox
Fix replies avatar size
This commit is contained in:
parent
2cd69f7d98
commit
9a3ba42970
@ -62,7 +62,7 @@ export default class RepliesElement extends HTMLElement {
|
||||
if(!avatarElem) {
|
||||
avatarElem = new AvatarElement();
|
||||
avatarElem.setAttribute('dialog', '0');
|
||||
avatarElem.classList.add('avatar-34');
|
||||
avatarElem.classList.add('avatar-32');
|
||||
|
||||
if(this.loadPromises) {
|
||||
avatarElem.loadPromises = this.loadPromises;
|
||||
|
@ -1460,6 +1460,8 @@ $bubble-margin: .25rem;
|
||||
flex-direction: row-reverse;
|
||||
|
||||
avatar-element {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border: 2px solid #fff;
|
||||
cursor: pointer;
|
||||
z-index: 0; // * fix border blinking
|
||||
|
@ -1,8 +1,8 @@
|
||||
.checkbox-field {
|
||||
margin: 1.25rem 0;
|
||||
margin: 1.5rem 0;
|
||||
display: block;
|
||||
text-align: left;
|
||||
padding: 0 1.125rem;
|
||||
padding: 0 1.1875rem;
|
||||
/* font-weight: 500; */
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
@ -159,11 +159,11 @@
|
||||
.checkbox-field [type="checkbox"] {
|
||||
& + span {
|
||||
position: relative;
|
||||
padding-left: 3.5rem;
|
||||
padding-left: 3.3125rem;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
height: 24px;
|
||||
line-height: 26px;
|
||||
user-select: none;
|
||||
transition: .2s opacity;
|
||||
|
||||
|
@ -132,13 +132,13 @@
|
||||
|
||||
&:focus ~ label {
|
||||
color: $button-primary-background;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
&:focus ~ label, &:valid ~ label, &:not(:empty) ~ label, &:disabled ~ label {
|
||||
transform: translate(-.25rem, calc(var(--height) / -2 + .125rem)) scale(.75);
|
||||
transform: translate(-.3125rem, calc(var(--height) / -2 + .125rem)) scale(.75);
|
||||
padding: 0 6px;
|
||||
opacity: 1;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -63,7 +63,6 @@
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
padding: 0;
|
||||
padding-top: 2px;
|
||||
margin-top: -3px;
|
||||
border-radius: $border-radius-medium;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user