ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Profile / Shared Media: Remove rounded corners from tabs (#1088)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-05-13 12:00:25 +03:00
parent 314831eb04
commit b48ad9c46a
10 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/CalendarModal.scss
View File

@ -83,7 +83,7 @@
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: rgba(var(--color-text-secondary-rgb), 0.08); background-color: var(--color-interactive-element-hover);
} }
&.selected { &.selected {

2
src/components/common/EmbeddedMessage.scss
View File

@ -107,7 +107,7 @@
grid-template-rows: 1fr; grid-template-rows: 1fr;
width: 100%; width: 100%;
--accent-color: var(--color-primary); --accent-color: var(--color-primary);
--hover-color: rgba(var(--color-text-secondary-rgb), 0.08); --hover-color: var(--color-interactive-element-hover);
&::before { &::before {
bottom: .3125rem; bottom: .3125rem;

2
src/components/common/StickerButton.scss
View File

@ -48,7 +48,7 @@
} }
&:hover { &:hover {
background-color: rgba(var(--color-text-secondary-rgb), 0.08); background-color: var(--color-interactive-element-hover);
.sticker-unfave-button { .sticker-unfave-button {
opacity: 1; opacity: 1;

2
src/components/middle/AudioPlayer.scss
View File

@ -73,7 +73,7 @@
border-radius: var(--border-radius-messages-small); border-radius: var(--border-radius-messages-small);
&:hover { &:hover {
background-color: rgba(var(--color-text-secondary-rgb), 0.08); background-color: var(--color-interactive-element-hover);
} }
@media (min-width: 1440px) and (max-width: 1500px) { @media (min-width: 1440px) and (max-width: 1500px) {

2
src/components/middle/MiddleHeader.scss
View File

@ -326,7 +326,7 @@
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: rgba(var(--color-text-secondary-rgb), 0.08); background-color: var(--color-interactive-element-hover);
} }
.pinned-message-border { .pinned-message-border {

2
src/components/middle/composer/EmojiButton.scss
View File

@ -18,7 +18,7 @@
&.focus, &.focus,
&:hover { &:hover {
background-color: rgba(var(--color-text-secondary-rgb), 0.08); background-color: var(--color-interactive-element-hover);
} }
& > img { & > img {

4
src/components/ui/Button.scss
View File

@ -164,10 +164,10 @@
background-color: transparent; background-color: transparent;
color: var(--color-text-secondary); color: var(--color-text-secondary);
--ripple-color: rgba(var(--color-text-secondary-rgb), 0.08); --ripple-color: var(--color-interactive-element-hover);
@include active-styles() { @include active-styles() {
background-color: rgba(var(--color-text-secondary-rgb), 0.08); background-color: var(--color-interactive-element-hover);
} }
@include no-ripple-styles() { @include no-ripple-styles() {

2
src/components/ui/Tab.scss
View File

@ -29,7 +29,7 @@
} }
&:not(.active):hover { &:not(.active):hover {
background: rgba(var(--color-text-secondary-rgb), 0.08); background: var(--color-interactive-element-hover);
} }
> span { > span {

1
src/components/ui/TabList.scss
View File

@ -17,6 +17,7 @@
&.big { &.big {
font-size: 1rem; font-size: 1rem;
--border-radius-messages-small: 0;
} }
&::-webkit-scrollbar { &::-webkit-scrollbar {

1
src/styles/_variables.scss
View File

@ -76,6 +76,7 @@ $color-user-8: #faa774;
--color-interactive-active: var(--color-primary); --color-interactive-active: var(--color-primary);
--color-interactive-inactive: rgba(var(--color-text-secondary-rgb), 0.25); --color-interactive-inactive: rgba(var(--color-text-secondary-rgb), 0.25);
--color-interactive-buffered: rgba(var(--color-text-secondary-rgb), 0.25); // Overlays underlying inactive element --color-interactive-buffered: rgba(var(--color-text-secondary-rgb), 0.25); // Overlays underlying inactive element
--color-interactive-element-hover: rgba(var(--color-text-secondary-rgb), 0.08);
--color-primary: #{$color-primary}; --color-primary: #{$color-primary};
--color-primary-rgb: #{toRGB($color-primary)}; --color-primary-rgb: #{toRGB($color-primary)};