Skip to content

Swage Theme Fixes#2082

Merged
Alkarex merged 4 commits intoFreshRSS:devfrom
pattems:dev
Oct 28, 2018
Merged

Swage Theme Fixes#2082
Alkarex merged 4 commits intoFreshRSS:devfrom
pattems:dev

Conversation

@pattems
Copy link
Copy Markdown
Contributor

@pattems pattems commented Oct 26, 2018

I fixed the config pages for the Swage them. I wasn't able to duplicate the menu-width issue referenced here: #2069 (comment)

All the same, I believe I've fixed that issue.
.dropdown-menu > .item > a, .dropdown-menu > .item > .as-link, .dropdown-menu > .item > span (lines 239-245 of template.css) specifies a minimum-width for the dropdown menu and menu items, but still allows for wrapping on whitespace, so over-length lines will wrap.

Before:
image

After:
image

I only fixed this in my Swage theme so far, but I'd be happy to make the change to the template.css files across all themes to prevent any potential line wrapping from happening, if the intent is that each menu item should occupy no more than one line in a dropdown menu.

Fix config & extensions pages; experimental fix for over-length menu options
@pattems pattems changed the title Dev Swage Theme Fixes Oct 26, 2018
@Alkarex Alkarex added this to the 1.12.0 milestone Oct 26, 2018
@Alkarex Alkarex added the UI 🎨 User Interfaces label Oct 26, 2018
@Alkarex
Copy link
Copy Markdown
Member

Alkarex commented Oct 26, 2018

Thanks @pattems , great work 👍

  1. Yes, please add the no-wrap to the template as well:

    .dropdown-menu > .item > a,
    .dropdown-menu > .item > .as-link,
    .dropdown-menu > .item > span {
    display: block;
    min-width: 200px;
    }

  2. Minor detail: could you please commit a CSS file (output of SCSS) using one of the other output styles (so not :compressed, which puts everything on the same line)? I do not have any clear preference, but maybe :compact would be a good balance. This is both to ease client-side view-source, client-side CSS inspection, git diff, quick manual changes, etc.
    We do use minification, but only for the third-party (JavaScript) libraries such as jQuery.


P.S.:
Hint, you can do a snippet like above with the following menu:
image

make swage.css readable.
prevent a dropdown menu item from wrapping multiple lines
@Alkarex Alkarex merged commit 41b6dd4 into FreshRSS:dev Oct 28, 2018
mdemoss pushed a commit to mdemoss/FreshRSS that referenced this pull request Mar 25, 2021
* Fix Config pages in Swage Theme

Fix config & extensions pages; experimental fix for over-length menu options

* unminify Swage CSS

make swage.css readable.

* Update template.css

prevent a dropdown menu item from wrapping multiple lines
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

UI 🎨 User Interfaces

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants