marrub
/
mastodon
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

allow text wrapping in polls + smaller font

staging
multiple creatures 2019-03-10 12:05:45 +00:00
parent b57383e025
commit 2f136e9889
2 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/javascript/flavours/glitch/styles/polls.scss
View File

@ -5,7 +5,6 @@
li { li {
margin-bottom: 10px; margin-bottom: 10px;
position: relative; position: relative;
height: 18px + 12px;
} }
&__chart { &__chart {
@ -25,10 +24,9 @@
&__text { &__text {
position: relative; position: relative;
display: inline-block; display: inline-block;
padding: 6px 0; padding: 4px 0 0 4px;
line-height: 18px; line-height: 18px;
cursor: default; cursor: default;
white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -45,7 +43,7 @@
display: block; display: block;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
font-size: 14px; font-size: 12px;
color: $inverted-text-color; color: $inverted-text-color;
display: block; display: block;
outline: 0; outline: 0;
@ -96,7 +94,6 @@
&__number { &__number {
display: inline-block; display: inline-block;
width: 36px;
font-weight: 700; font-weight: 700;
padding: 0 10px; padding: 0 10px;
text-align: right; text-align: right;

7
app/javascript/styles/mastodon/polls.scss
View File

@ -5,7 +5,6 @@
li { li {
margin-bottom: 10px; margin-bottom: 10px;
position: relative; position: relative;
height: 18px + 12px;
} }
&__chart { &__chart {
@ -25,10 +24,9 @@
&__text { &__text {
position: relative; position: relative;
display: inline-block; display: inline-block;
padding: 6px 0; padding: 4px 0 0 4px;
line-height: 18px; line-height: 18px;
cursor: default; cursor: default;
white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -45,7 +43,7 @@
display: block; display: block;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
font-size: 14px; font-size: 12px;
color: $inverted-text-color; color: $inverted-text-color;
display: block; display: block;
outline: 0; outline: 0;
@ -96,7 +94,6 @@
&__number { &__number {
display: inline-block; display: inline-block;
width: 36px;
font-weight: 700; font-weight: 700;
padding: 0 10px; padding: 0 10px;
text-align: right; text-align: right;