tesses50
/
freetube
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix channel names being cut off (#2292)

This commit is contained in:
vallode 2022-06-21 03:49:45 +02:00 committed by GitHub
parent c2ddac724d
commit 8d816ed2fe
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/renderer/components/ft-channel-bubble/ft-channel-bubble.css
View File

@ -1,9 +1,14 @@
.bubblePadding { .bubblePadding {
position: relative; position: relative;
width: 100px; width: 100px;
height: 115px; height: 100px;
padding: 10px; padding: 10px;
cursor: pointer; cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
overflow: hidden;
-webkit-transition: background 0.2s ease-out; -webkit-transition: background 0.2s ease-out;
-moz-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out;
-o-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out;
@ -20,10 +25,8 @@
.bubble { .bubble {
width: 50px; width: 50px;
height: 50px; height: 50px;
margin-bottom: 5px; border-radius: 100%;
margin-left: 25px; -webkit-border-radius: 100%;
border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
} }
.selected { .selected {
@ -41,8 +44,10 @@
} }
.channelName { .channelName {
display: block;
font-size: 13px; font-size: 13px;
height: 60px;
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
text-overflow: ellipsis;
width: 100%;
} }