Fix sign in page layout: label position, checkbox

Fix replies avatar size
This commit is contained in:
morethanwords 2021-01-19 22:16:26 +04:00
parent 2cd69f7d98
commit 9a3ba42970
5 changed files with 10 additions and 9 deletions

View File

@ -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;

View File

@ -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

View File

@ -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;

View File

@ -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;
}
}

View File

@ -63,7 +63,6 @@
font-size: 14px;
font-weight: normal;
padding: 0;
padding-top: 2px;
margin-top: -3px;
border-radius: $border-radius-medium;
}