Commit Graph

65 Commits

Author SHA1 Message Date
Alexandre Alapetite
1c92d55917 Use native CSS instead of SCSS (#8241)
I was tired of having to handle the SCSS themes differently.
fix https://github.com/FreshRSS/FreshRSS/issues/7611
Follow-up of https://github.com/FreshRSS/FreshRSS/pull/8200
Convert Ansum and Mapco themes from SCSS to native CSS.
The changes are actually quite limited (mostly changing the syntax of the variables and a few other things)
Require support for:
* https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Nesting
* https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/Nesting_selector
* https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-mix

SCSS and SAAS tools and references are also removed.

Tests welcome.
The styles are left as individual CSS files as designed originally in SCSS. I expect proper HTTP caching and HTTP/2 to be sufficient instead of aggregating back to a single CSS, but might be done in another PR if needed.

At the same time, fixed the fact that we had various whitespace styles in our JSON files, in particular in those themes, sometimes with 2 spaces, or 4 spaces, or tabs. Use tabs everywhere as defined in editorconfig.

I would like to merge this one first to complete https://github.com/FreshRSS/FreshRSS/pull/8230

* RTLCSS stringMap
https://github.com/FreshRSS/FreshRSS/pull/8241#discussion_r2553175514
https://github.com/MohammadYounes/rtlcss/issues/108#issuecomment-347033134
2025-11-23 13:15:10 +01:00
Alexandre Alapetite
b6c63d2239 Better transitions between groups of articles (#8174)
fix https://github.com/FreshRSS/FreshRSS/issues/7520
fix https://github.com/FreshRSS/FreshRSS/issues/8168
fix https://github.com/FreshRSS/FreshRSS/discussions/8172
2025-11-04 12:49:21 +01:00
maTh
0217c83979 Themes: .btn padding + small adjustments (#7168)
Closes https://github.com/FreshRSS/FreshRSS/issues/6262

Changes proposed in this pull request:

- CSS: the search button was too big/not flexible enough for the height because of the padding


How to test the feature manually:

1. browser configuration: change the default font size from (`16`pt mostly) to `15` or `14`
2. go to subscription management -> `Subscription tools`
3. there should be no scroll bar (because the left hand side navigation is short and the content right hand side is short too)

Side effect: All buttons will be a bit smaller as before (because `px` -> `rem`) It should not be an issue at all
2025-03-22 23:31:08 +01:00
maTh
7de384bf9c Mark as read button: config for the size (#7314)
* settings

* i18n: mark_read_button

* big, small, none

* fix

* Fixes

* make fix-all

---------

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
2025-03-13 23:10:48 +01:00
maTh
4d95ef7164 Improve the padding of the notification banner (#6074) 2024-01-29 12:37:02 +01:00
maTh
360400b723 CSS: refactor of a.btn (#5401) 2023-05-15 00:06:34 +02:00
maTh
068d18b69b Add: <meta name="theme-color"> (#5105)
* implemented

* themes' metadata.json

* fix

* fix

* retrigger tests

* Update lib/Minz/View.php

Co-authored-by: Luc SANCHEZ <4697568+ColonelMoutarde@users.noreply.github.com>

* Update lib/Minz/View.php

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>

* Update lib/Minz/View.php

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>

* Update lib/Minz/View.php

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>

* fix

---------

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
Co-authored-by: Luc SANCHEZ <4697568+ColonelMoutarde@users.noreply.github.com>
2023-03-04 15:05:58 +01:00
maTh
b5a418ec16 Added: Dark mode for Origine +Origine compact themes (#4843)
* first draft

* fix: theme slider: properties box

* improved colors

* option to enable/disable dark mode

* fixes

* Update app/i18n/fr/conf.php

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>

* i18n english improved

* fix dark background color for favorites + hover colors

* select list: no, auto

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
2023-01-09 10:40:38 +01:00
maTh
7d12ecff01 fix: CSS "content:" (#4985)
* fix

* frss.css

* improve bubble for unread articles in global  view
2023-01-09 10:08:49 +01:00
maTh
e072411baf Improved: Header (#4927)
* all themes

* fix
2022-12-12 20:50:32 +01:00
maTh
e7aa062858 Improved: Origine Compact theme (#4873) 2022-11-20 14:41:31 +01:00
maTh
acf459429b implement CSS variable --frss-padding-top-bottom (#4794) 2022-11-14 15:00:56 +01:00
maTh
024495fb1f fix: unread counter (#4788)
* fix

* fix

* fix
2022-10-29 22:24:03 +02:00
maTh
fc3ed3662a Fix: origine compact theme: line height (#4787)
* fix

* Origine

* Origine compact
2022-10-29 16:35:54 +02:00
maTh
270828aa64 fixes jumping lines (#4782)
* fixes

* fix template

* fix frss.css

* fix Nord theme
2022-10-29 12:23:05 +02:00
maTh
c11976f587 fix 4744 (#4751)
* fix

* fix
2022-10-24 00:33:37 +02:00
maTh
36e7b694b3 fix: jumping lines (#4699)
* fix

* fix Origine compact

* fix Ansum

* fix Mapco

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
2022-10-16 12:46:53 +02:00
Alexis Degrugillier
e10ff9faa4 Change new article banner size (#4735)
Only on origin-compact theme
2022-10-15 19:57:46 +02:00
maTh
8f31827e03 fix (#4685) 2022-10-04 16:32:32 +02:00
maTh
645224a303 Improved: Remove <li> as separator (#4597)
* templates

* themes

* fix

* fix

* fixes

* fix
2022-10-03 21:50:40 +02:00
maTh
01a8c37b83 Improved: Frss.css - font size + line height with 'rem' values (#4671)
* headlines h1-h3

* delete for <sup> trust the browser

* .icons = 1rem

* line-height WIP

* .flux .item

* paragraphs

* kbd

* button.as-link

* .form-advanced-title

* set line-height 1.5 as default

* .flux .item.title .summary

* .flux .item.title .author

* .content > header, .content > footer

* popup

* last lines

* RTL CSS

* imrpove jumpy line

* Origine Compact

* Swage

* FRSS CSS RTL

* deleted: br

* deleted: font-size: 16px

* RTL CSS
2022-10-03 16:55:02 +02:00
maTh
fedbda4f6a Rename template.css (#4644)
* Fix conflicts

* Update doc

* Misses

* Update prefix in CSS

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
2022-09-29 12:40:50 +02:00
maTh
b34bd30cc8 Improved: Origine compact inherit from origine (#4636)
* Update metadata.json

* clean Origine compact

* fix

* RTL

* fix

* fix line-height
2022-09-27 17:56:24 +02:00
maTh
9505eb8445 fixed: Safari issue with .stick dropdowns (#4643)
* fix

* fixed
2022-09-26 23:25:56 +02:00
maTh
67ea2d16b7 Improved: Cleanup CSS of ".log" (#4594)
* themes css

* Log Level CSS class improved

* SCSS

* RTL CSS
2022-09-18 18:29:33 +02:00
maTh
3d5b9ac902 clean .horizontal-list (#4596) 2022-09-18 13:02:07 +02:00
maTh
2734907000 (S)CSS .disable removed (#4619) 2022-09-18 12:10:00 +02:00
maTh
2392a261d2 Fix: global view unread article (#4559)
* template.css

* themes
2022-08-29 23:12:04 +02:00
maTh
36a615beeb Set standard CSS for login register form (#4504)
* set default to template.css

* adark theme

* ansum theme

* template.css

* adark theme

* BlueLagoon theme

* dark theme

* flat theme

* mapco theme

* Nord theme

* Origine prompt

* Origine Compact theme

* Pafat theme

* Screwdriver theme

* swage theme

* Update template.rtl.css
2022-08-15 20:09:10 +02:00
maTh
4b4390d83a Cleanup CSS .pagination (#4455)
* remove .pagination .item a:hover

* remove .pagination .loading

* Update swage.scss

* .pagination .item a centralized to template.css

* adark theme: mobile: border

* remove text-align: center

* remove .pager-current

* remove .content .pagination

* remove font-size

* font-style: italic; in template.css

* fix
2022-07-22 11:50:42 +02:00
maTh
6352a1dccb Fix: header height (#4452)
* set default header height: 85px

* themes

* fix css RTL
2022-07-19 12:30:30 +02:00
maTh
954fcef9e2 Fix #4447: Nord theme (#4451)
* fix: add height 100% for <html>

* remove height 100% in all themes

* fixed order in template.css
2022-07-17 17:10:30 +02:00
maTh
f1e9104c2d CSS files: z-index modified (mostly deleted) (#4382) 2022-05-22 20:04:58 +02:00
maTh
9748ac48e4 fix: log (#4273)
* improve css

* scrolling table

* debug icon

* fix css

* Update swage.css

* fix more css

* Update swage.scss

* Delete _components.css

* added: .log-debug
2022-03-16 23:21:28 +01:00
maTh
926ce8ff5f Improved: icons in same color (#4212)
* delete white plus icon

* delete unused icons

* Themes

* Update flat.css

* minimized XML of SVG icons

* RTL CSS fix

* Update ansum.css

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
2022-02-21 19:21:12 +01:00
maTh
d9e3186471 Fix: menu item overflow (#4218)
* fix item width

* better hover background

* fixed template.css
2022-02-12 01:38:40 +01:00
maTh
dfee46792f Improved: "Pagination" + load more button (#4125)
* Frontend changes done

* Load more should work now also without JS

* Update template.rtl.css

* improved the themes' CSS

* Update template.rtl.css

* fix CI

* CSS prop. order fixed

* Rename pagination.phtml to stream-footer.phtml

* use the new template name

* rename key of i18n

* fixed CI, that does not like the white space

* rename pagination variable

* Update indexController.php
2022-02-06 17:29:56 +01:00
maTh
4d5f3a20c0 Improve: new article banner (#4037)
* fix Origine theme padding

* Fix all themes

* Update swage.scss
2022-02-05 10:58:57 +01:00
maTh
dc27baa7d6 Improved: unread articles counter (#4166)
* Update template.css

* CSS base template

* CSS themes

* white spaces fixed

* Update ansum.rtl.css

* fix themes

* fix css

* fix scss

* theme swage

* Theme Screwdriver

* theme BlueLagoon fine tuning

* theme Parfat tuneing

* Fix merge bugs

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
2022-02-05 00:02:06 +01:00
maTh
f8cad8c959 Improve showing notification banner (#4023)
* bad notification show double time of good notification

* stop timer, when mouse is over the notification

* after leaving the mouse hover close the notification in 1 second

* onlick to eddEventListener

* code fix

* fixed code

* more code fixes

* set default in template.css

* theme alternative dark

* theme ansum

* theme Blue lagoon

* theme dark

* theme flat

* theme Origine compact

* theme Origine

* theme Pafat

* theme Screwdriver

* theme Swage

* fixed RTL error

* fix css code

* mouseleave = 3sec.
2022-02-04 16:27:42 +01:00
maTh
d2b6fe099a Improvement: menu icons (#4004)
* default icons

* icons Flat theme

* icons Swage theme

* icon gets bright when hover: Ansum theme

* icon gets bright when hover: Blue lagoon theme

* icon gets bright when hover: Origine/Origine Compact theme

* compressed SVG

* Better formated SVG/XML files

* Update bookmark-tag.svg
2022-01-12 23:04:59 +01:00
maTh
f94ec779e6 Improve dropdown menu mobile (#4141)
* Theme template.css

* theme adark

* theme ansum

* theme bluelagoon

* theme dark

* theme template.css RTL fix

* theme flat

* theme Origine

* theme Origine-compact

* theme Pafat

* theme Screwdriver

* theme Swage

* theme Mapco

* dropdown menu with thin scrollbar

* Fix CI foundings

* Fix RTL

* Fix CSS semicolons

* Fix CSS RTL

* Fix SCSS

* Update _mobile.scss
2022-01-11 23:53:40 +01:00
maTh
0e683ee5d2 fixed themes Origine and Origine compact (#4059)
Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
2021-12-31 13:20:20 +01:00
maTh
1ae5a5af14 Improve mobile view: access to the config menu (#3881)
* wip

* improve the header

* Fix theme "Adark"

* fixed theme: Ansum

* Fixed theme: BlueLagoon

* fixed Ansum after PR comment of Frenzie

* Fixed theme: Dark

* fixed theme: Flat

* fixed theme: Mapco

* fixed theme: Origine compact

* fixed theme: Pafat

* fixed theme: Screwdriver

* fixed theme: Swage

* hide the close button in wide view

* fixed base/template RTL

* fixed SCSS of theme Swage

* stylelint fix

* fixed theme Swage

* make fix-all

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
2021-11-12 08:57:36 +01:00
maTh
8b80c4cc8f Settings: User queries - layout upgrade (#3827)
* draft

* deleted the out commeted code

* improved alert messages

* Update queries.phtml

* Theme base-theme/template.css

* fixed theme: Origin

* Fixed: Theme Adark

* Fixed: Theme Ansum

* Fix: Theme BlueLagoon

* Fix: Theme Dark

* Fix: Theme Flat

* Fix: Theme Mapco

* Fix: Theme Mapco (SCSS)

* Fix: Theme Origine-compact

* Fix: Theme Pafat

* Fix: Theme Screwdriver

* Fix: Theme Swage

* Lint CSS, RTL, and i18n

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
2021-09-12 12:06:29 +02:00
maTh
9712e4d888 Headline structure improvement (#3830)
* header: h1 deleted - full logo included

* template: config - display

* WIP

* shortcut configs. added fieldset. do not display the border by default

* system.phtml

* subscription: add feed or category

* wip

* wip

* Update bookmarklet.phtml

* Update archiving.phtml

* Update queries.phtml

* Update profile.phtml

* Update manage.phtml

* auth+update

* Update template.rtl.css

* fixed FreshRSS logo (Theme: Mapco)

* Update mapco.rtl.css

* Update _layout.scss

* fixed FreshRSS logo (theme: Dark)

* fix: FreshRSS logo (Theme: BlueLagoon)

* fix: FreshRSS logo (Theme: Ansum)

* fixed: FreshRSS logo (Theme: Alternative Dark)

* fix: FreshRSS logo (Theme: Pafat)

* fix: FreshRSS logo (Theme: Screwdriver)

* fix: FreshRSS logo (theme: Swage)

* Minor lint

* little fix: FreshRSS logo (Theme: Origine)

* Fix: FreshRSS logo (Theme: Origine Compact)

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
2021-09-11 18:22:26 +02:00
maTh
c263956397 Remove: Show cog wheel icon on hover in the settings (#3831)
* Theme: Alternative-Dark

* Theme: Ansum

* Theme: base

* Theme: BlueLagoon

* Theme: Dark

* Theme: Flat

* Theme: Mapco

* Theme: Origine-compact

* Theme: Origine

* Theme: Pafat

* Theme: Scewdriver

* Theme: Swage

* Minor whitespace

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
2021-09-08 08:48:10 +02:00
ORelio
50ba6bbe07 UI: Add optional thumbnail and summary on feed items (#3805)
* UI: Add optional thumbnail and summary on feed items

Implements #561

* UI: Thumbnail: Own column, Custom size, Lazy load

* UI: Thumbnail: Remove unnecessary CSS rule

Remove rule already defined in base theme, no override needed

* CSS lint + RTL

* Improve thumbail and summary generation

* Support img alt

* Missing htmlspecialchars

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
2021-08-30 10:58:06 +02:00
maTh
235f16647a Settings: Display - icons table in mobile view fixed (#3792)
* fixed all themes

* fixed swage.scss
2021-08-22 23:01:37 +02:00
Alexandre Alapetite
947e918f05 Travis: Enforce phpcs line length + whitespace (#3488)
* Update Travis line length

* Also check whitespace in CSS files

* Fix line length ext.php

* More syntax, string templates

* Fix exclude-pattern

* Test JS files as well
2021-02-28 12:26:24 +01:00