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

File: Fix incorrect icon corner (#5313)

Browse Source
This commit is contained in:
zubiden 2024-12-20 11:37:11 +01:00 committed by Alexander Zinchuk
parent 3ab127f239
commit 9c67832496
2 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/common/File.scss
View File

@ -45,6 +45,9 @@
flex-shrink: 0; flex-shrink: 0;
position: relative; position: relative;
color: white; color: white;
clip-path: polygon(0 0, calc(100% - 1.125rem) 0, 100% 1.125rem, 100% 100%, 0 100%);
transition: clip-path 0.15s ease-in;
.file-ext { .file-ext {
font-size: 1rem; font-size: 1rem;
@ -59,13 +62,8 @@
top: 0; top: 0;
right: 0; right: 0;
border-bottom-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;
background: rgba(black, 0.25); border-color: rgba(black, 0.25);
border-color: border-width: 0.5625rem;
transparent
var(--file-icon-border-color, var(--background-color))
transparent
var(--file-icon-border-color, var(--background-color));
border-width: 0 1.125rem 1.125rem 0;
border-style: solid; border-style: solid;
/* stylelint-disable-next-line plugin/no-low-performance-animation-properties */ /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
transition: border-width 0.15s ease-in; transition: border-width 0.15s ease-in;
@ -110,6 +108,10 @@
border-width: 0; border-width: 0;
} }
.file-icon {
clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 0 100%);
}
.action-icon { .action-icon {
opacity: 1; opacity: 1;

4
src/components/middle/message/WebPage.scss
View File

@ -14,10 +14,6 @@
padding: 0.1875rem 0.375rem; padding: 0.1875rem 0.375rem;
} }
&.with-document {
--file-icon-border-color: var(--accent-background-color);
}
&--background-icons { &--background-icons {
margin: -0.375rem; margin: -0.375rem;
} }