LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

cleanup styles

Browse source
This commit is contained in:
Sean Yesmunt 2021-02-11 00:40:13 -05:00
parent 1f117e43bd
commit 02019edcb7
3 changed files with 17 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
ui/scss/component/_comments.scss
View file

@ -243,8 +243,6 @@ $thumbnailWidthSmall: 0rem;
font-size: var(--font-xsmall); font-size: var(--font-xsmall);
.menu__link { .menu__link {
padding-left: 0;
padding-right: 0;
padding: 0; padding: 0;
} }
} }
@ -265,14 +263,12 @@ $thumbnailWidthSmall: 0rem;
.comment__menu-title { .comment__menu-title {
@extend .help; @extend .help;
display: flex; margin-top: 0;
justify-content: space-between; padding-left: var(--spacing-xs);
padding-right: var(--spacing-xl);
padding-bottom: var(--spacing-xs);
font-size: var(--font-small); font-size: var(--font-small);
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
margin-top: 0;
padding-left: var(--spacing-s);
padding-bottom: var(--spacing-s);
padding-right: var(--spacing-xl);
} }
.comment__menu-help { .comment__menu-help {
@ -361,8 +357,8 @@ $thumbnailWidthSmall: 0rem;
} }
.comment__menu-active { .comment__menu-active {
padding-left: var(--spacing-s); padding: var(--spacing-xs);
padding-top: var(--spacing-s); padding-bottom: 0;
border-top: 1px solid var(--color-border); border-top: 1px solid var(--color-border);
margin-top: var(--spacing-s); margin-top: var(--spacing-s);
display: flex; display: flex;

10
ui/scss/component/_header.scss
View file

@ -109,15 +109,25 @@
height: var(--height-button); height: var(--height-button);
width: var(--height-button); width: var(--height-button);
margin-right: 0; margin-right: 0;
transition: border-radius var(--animation-duration);
border-radius: calc(var(--height-button) / 2); border-radius: calc(var(--height-button) / 2);
img { img {
transition: border-radius var(--animation-duration);
border-radius: calc(var(--height-button) / 2); border-radius: calc(var(--height-button) / 2);
} }
} }
&:hover { &:hover {
opacity: 0.7; opacity: 0.7;
.channel-thumbnail {
border-radius: var(--border-radius);
img {
border-radius: var(--border-radius);
}
}
} }
} }

2
ui/scss/component/menu-button.scss
View file

@ -66,7 +66,7 @@
@extend .menu__list; @extend .menu__list;
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
border-radius: var(--border-radius); border-radius: var(--border-radius);
padding: var(--spacing-s) 0; padding: var(--spacing-xs) 0;
[data-reach-menu-item] { [data-reach-menu-item] {
margin: 0 var(--spacing-xs); margin: 0 var(--spacing-xs);