danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2024-11-27 12:55:11 +01:00
Code Issues 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;
&:hover {
background-color: rgba(var(--color-text-secondary-rgb), 0.08);
background-color: var(--color-interactive-element-hover);
}
&.selected {

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

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

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

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

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

@ -73,7 +73,7 @@
border-radius: var(--border-radius-messages-small);
&: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) {

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

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

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

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

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

@ -164,10 +164,10 @@
background-color: transparent;
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() {
background-color: rgba(var(--color-text-secondary-rgb), 0.08);
background-color: var(--color-interactive-element-hover);
}
@include no-ripple-styles() {

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

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

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

@ -17,6 +17,7 @@
&.big {
font-size: 1rem;
--border-radius-messages-small: 0;
}
&::-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-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-element-hover: rgba(var(--color-text-secondary-rgb), 0.08);
--color-primary: #{$color-primary};
--color-primary-rgb: #{toRGB($color-primary)};