Browse Source

Fix sign in page layout: label position, checkbox

Fix replies avatar size
master
morethanwords 4 years ago
parent
commit
9a3ba42970
  1. 2
      src/components/chat/replies.ts
  2. 2
      src/scss/partials/_chatBubble.scss
  3. 10
      src/scss/partials/_checkbox.scss
  4. 4
      src/scss/partials/_input.scss
  5. 1
      src/scss/partials/popups/_mediaAttacher.scss

2
src/components/chat/replies.ts

@ -62,7 +62,7 @@ export default class RepliesElement extends HTMLElement {
if(!avatarElem) { if(!avatarElem) {
avatarElem = new AvatarElement(); avatarElem = new AvatarElement();
avatarElem.setAttribute('dialog', '0'); avatarElem.setAttribute('dialog', '0');
avatarElem.classList.add('avatar-34'); avatarElem.classList.add('avatar-32');
if(this.loadPromises) { if(this.loadPromises) {
avatarElem.loadPromises = this.loadPromises; avatarElem.loadPromises = this.loadPromises;

2
src/scss/partials/_chatBubble.scss

@ -1460,6 +1460,8 @@ $bubble-margin: .25rem;
flex-direction: row-reverse; flex-direction: row-reverse;
avatar-element { avatar-element {
width: 34px;
height: 34px;
border: 2px solid #fff; border: 2px solid #fff;
cursor: pointer; cursor: pointer;
z-index: 0; // * fix border blinking z-index: 0; // * fix border blinking

10
src/scss/partials/_checkbox.scss

@ -1,8 +1,8 @@
.checkbox-field { .checkbox-field {
margin: 1.25rem 0; margin: 1.5rem 0;
display: block; display: block;
text-align: left; text-align: left;
padding: 0 1.125rem; padding: 0 1.1875rem;
/* font-weight: 500; */ /* font-weight: 500; */
position: relative; position: relative;
cursor: pointer; cursor: pointer;
@ -159,11 +159,11 @@
.checkbox-field [type="checkbox"] { .checkbox-field [type="checkbox"] {
& + span { & + span {
position: relative; position: relative;
padding-left: 3.5rem; padding-left: 3.3125rem;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
height: 25px; height: 24px;
line-height: 25px; line-height: 26px;
user-select: none; user-select: none;
transition: .2s opacity; transition: .2s opacity;

4
src/scss/partials/_input.scss

@ -132,13 +132,13 @@
&:focus ~ label { &:focus ~ label {
color: $button-primary-background; color: $button-primary-background;
font-weight: 500;
} }
&:focus ~ label, &:valid ~ label, &:not(:empty) ~ label, &:disabled ~ label { &: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; padding: 0 6px;
opacity: 1; opacity: 1;
font-weight: 500;
} }
} }

1
src/scss/partials/popups/_mediaAttacher.scss

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

Loading…
Cancel
Save