From 65f1a2afb22f44702eb533f928bded8199ceb40b Mon Sep 17 00:00:00 2001 From: somoso Date: Tue, 12 Jan 2021 15:47:39 +0000 Subject: [PATCH] Stop label from being long for joined subreddits Browsing with a long joined subreddit list will cause the label to look a bit weird. Example: https://libredd.it/r/Android+AnimalsBeingBros+AnimalsBeingDerps+AnimalsBeingJerks+AppleWatch+CatSlaps+CatSmiles+CatsBeingAdorable+FreeTube+Games+Ijustwatched+IllegallySmol+IllegallySmolCats+IpodClassic+LearnRubyonRails+Megadrive+MovieDetails+Music+NetflixBestOf+NintendoSwitch+Possums+Teefers+UKPersonalFinance+airplaneears+apple+aww+brushybrushy+cats+catswhotrill+curledfeetsies+cyberpunkgame+dataisbeautiful+dechonkers+digital_ocean+dogs+dogsareliquid+dogswithjobs+emulation+greebles+happycowgifs+hardware+iOSDevelopment+iOSProgramming+iosdev+kittykankles+learnruby+likeus+mac+mashups+microsoft+movies+netflix+netsec+pihole+playstation+programming+rarepuppers+raspberry_pi+redditsync+rubyonrails+satelliteears+shittymoviedetails+spookyteefies+technology+teefies+vampirecats+velvethippos That will cause the label to be excessively long --- static/style.css | 7 +++++++ templates/search.html | 2 +- templates/utils.html | 2 +- 3 files changed, 9 insertions(+), 2 deletions(-) diff --git a/static/style.css b/static/style.css index fc5a7ff..a612f74 100644 --- a/static/style.css +++ b/static/style.css @@ -222,6 +222,13 @@ aside { /* Sorting and Search */ +.search_label { + max-width: 100px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + select { background: var(--outside); transition: 0.2s all; diff --git a/templates/search.html b/templates/search.html index 7aeca0f..f97a4e9 100644 --- a/templates/search.html +++ b/templates/search.html @@ -10,7 +10,7 @@ {% if sub != "" %}
- +
{% endif %} - + {% endif %}