Commit Graph

82 Commits

Author SHA1 Message Date
Eliseu Amaro
10f930ad4b
[TWIG][CSS] Left panel text hierarchy fix (no <hr> element between timeline navigation and its items). Default CSS fixes for buttons and input file selectors. 2021-09-14 13:13:21 +01:00
Eliseu Amaro
0f032c257b
[CSS] Input file elements polish. It should resize properly and provide feedback when selected (not a thing in Firefox ESR yet). 2021-09-14 13:13:21 +01:00
Eliseu Amaro
bac6d2a490
[CSS] Base CSS polish, reset CSS additions for better cross-browser compatibility. 2021-09-14 13:13:21 +01:00
Eliseu Amaro
95fd86f8dc
[CSS] Fixed background incorrect sizing. 2021-09-14 13:13:21 +01:00
Eliseu Amaro
d0b2cccb63
[CSS] Mesh gradient works as intended with no banding. 2021-09-14 13:13:21 +01:00
Eliseu Amaro
082656d1ae
[LEFT][RIGHT][CSS] Panels now occupy full page in smaller screen sizes. 2021-09-14 13:13:12 +01:00
Eliseu Amaro
bd9e86afe0
[RIGHT][CSS] Right panel now shows an intuitive icon for other note options available. 2021-09-14 13:13:12 +01:00
Eliseu Amaro
625c056f30
[TWIG][CSS] Overall CSS optimizations. Image gradients are now used, 64x64 px. 2021-09-14 13:13:12 +01:00
Eliseu Amaro
6dd0292397
[SETTINGS][ROUTES][CONTROLLER] Settings overhaul, refactoring to accommodate new global settings view. WIP, component settings aren't shown at the moment.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:12 +01:00
Eliseu Amaro
eed74972c5
[SETTINGS][TWIG][CSS] Settings WIP. Form polished, dropdowns need styling.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:12 +01:00
Eliseu Amaro
d12f97c623
[BASE][CSS] Snappier and consistent animations.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:11 +01:00
Eliseu Amaro
10d7462d02
[TWIG][SETTINGS] WIP. Settings navigation early sketch.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:11 +01:00
Eliseu Amaro
a6f5c61aef
[CSS] <figcaption> now has top padding for better legibility, hover now resizes it's element accordingly.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:11 +01:00
Eliseu Amaro
d16614982a
[TWIG][CSS] Panels are fixed and base content acts accordingly on all sizes.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:11 +01:00
Eliseu Amaro
75bbf6c728
[TWIG][CSS] Final fix for panels, resizing works as intended, content is wrapped when no space is available. Simpler rules throughout.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:09 +01:00
Eliseu Amaro
ce06c1dfd2
[TWIG][CSS] Panels weren't "flexing" properly, in smaller sizes the right panel form would break.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:09 +01:00
Eliseu Amaro
203b16c5bf
[TWIG][CSS] Right panel WIP. Create a note now looks better, need to style in some way the default user agent buttons without removing features (e.g. current file chosen).
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:09 +01:00
Eliseu Amaro
4805550c66
[TWIG][CSS] Left panel profile section done.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:09 +01:00
Eliseu Amaro
9d50289c3f
[TWIG][CSS] Register and Login styling done.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:09 +01:00
Eliseu Amaro
cd05589f67
[CSS][TWIG] Panels icons are now hidden on desktop view to stop possible inconsistencies on window resizing. Left Panel polish.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:09 +01:00
Eliseu Amaro
2bae14198b
[CSS][TWIG] Details element is now shown by default on larger screens, and hidden on smaller screens.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:08 +01:00
Eliseu Amaro
e5649d82ba
[CSS][TWIG] Timeline navigation is now a part of the left panel, this way more items could be displayed at a time. Left panel styling WIP.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:08 +01:00
Eliseu Amaro
03fb7b43e8
[CSS] Fixed accessibility issues with header and panel elements. Left, instance and right elements are now properly ordered when focused.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:08 +01:00
Eliseu Amaro
8bff04dae1
[CSS] Fixed incorrect Chromium based browsers improper main content view. Flex item order (shouldn't be a problem, but it was) and padding for the container class was the root issue.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:08 +01:00
Eliseu Amaro
7f561376ac
[CSS] Main container 'order' attribute was somehow a problem in Chromium. 2021-09-14 13:13:08 +01:00
Eliseu Amaro
8b5f08a4bd
[CSS] Fixed top content margin. 2021-09-14 13:13:08 +01:00
Eliseu Amaro
c06e666816
[TWIG][CSS] Accessibility improvements, all general links provide proper feedback now. Base theme CSS progress, page now looks more as it should. Panels WIP. 2021-09-14 13:13:08 +01:00
Eliseu Amaro
98e7e94dfa
[TWIG][CSS][ICONS] New profile and notice creation panel, alternative text set correctly for header icons. WIP in base styling and panels. 2021-09-14 13:13:07 +01:00
Eliseu Amaro
868dbbd44e
[TWIG][CSS] Found solution to show details content by default in desktop view. However, post_form is being rendered multiple times, it was already rendered in the Posting Component. Needs to be fixed. 2021-09-14 13:13:07 +01:00
Eliseu Amaro
9519891b92
[TWIG][CSS] Panels are now animated when shown, main content width as well as panel's is now correctly configured. WIP: displaying side panels by default when space is available, "details" element state cannot be manipulated through CSS only, need a better solution. 2021-09-14 13:13:07 +01:00
Eliseu Amaro
95c81cc741
[TWIG][CSS] Panels functionality works as intended, size needs to be worked upon. 2021-09-14 13:13:07 +01:00
Eliseu Amaro
effb4e6f40
[TWIG][CSS] Complete HTML refactoring, now using details element instead of a checkbox trick per panel. Using a "grid" akin to IBM's Carbon design guidelines. 2021-09-14 13:13:07 +01:00
Eliseu Amaro
3de10192ef
[TWIG][CSS] Timeline WIP. Creating a notice is now done on the right panel. HTML structure improvements, such as the timeline divided from the navigation div. 2021-09-14 13:13:07 +01:00
Eliseu Amaro
a3f50e6732
[TWIG][CSS] Base template structural refactoring to accommodate true canons of page construction. CSS WIP to reflect these changes.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:07 +01:00
Eliseu Amaro
c7a28876aa
[TWIG][CSS] Right panel WIP. Create a note now looks better, need to style in some way the default user agent buttons without removing features (e.g. current file chosen).
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:07 +01:00
Eliseu Amaro
fc3ac1c2f4
[TWIG][CSS] Left panel profile section done.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:06 +01:00
Eliseu Amaro
14358b4b95
[TWIG][CSS] Register and Login styling done.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:06 +01:00
Eliseu Amaro
1037d3397b
[CSS][TWIG] Panels icons are now hidden on desktop view to stop possible inconsistencies on window resizing. Left Panel polish.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:06 +01:00
Eliseu Amaro
db8a1b125f
[CSS][TWIG] Details element is now shown by default on larger screens, and hidden on smaller screens.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:06 +01:00
Eliseu Amaro
15cdcd3344
[CSS][TWIG] Timeline navigation is now a part of the left panel, this way more items could be displayed at a time. Left panel styling WIP.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:06 +01:00
Eliseu Amaro
cab7ba8e79
[CSS] Fixed accessibility issues with header and panel elements. Left, instance and right elements are now properly ordered when focused.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:06 +01:00
Eliseu Amaro
0620923ac6
[CSS] Fixed incorrect Chromium based browsers improper main content view. Flex item order (shouldn't be a problem, but it was) and padding for the container class was the root issue.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:05 +01:00
Eliseu Amaro
1c4568d064
[CSS] Main container 'order' attribute was somehow a problem in Chromium. 2021-09-14 13:13:05 +01:00
Eliseu Amaro
580f2d9962
[CSS] Fixed top content margin. 2021-09-14 13:13:05 +01:00
Eliseu Amaro
bfd0fa74f2
[TWIG][CSS] Accessibility improvements, all general links provide proper feedback now. Base theme CSS progress, page now looks more as it should. Panels WIP. 2021-09-14 13:13:05 +01:00
Eliseu Amaro
a44e81a1ed
[TWIG][CSS][ICONS] New profile and notice creation panel, alternative text set correctly for header icons. WIP in base styling and panels. 2021-09-14 13:13:05 +01:00
Eliseu Amaro
f687c7b315
[TWIG][CSS] Found solution to show details content by default in desktop view. However, post_form is being rendered multiple times, it was already rendered in the Posting Component. Needs to be fixed. 2021-09-14 13:13:05 +01:00
Eliseu Amaro
b899c9fb2a
[TWIG][CSS] Panels are now animated when shown, main content width as well as panel's is now correctly configured. WIP: displaying side panels by default when space is available, "details" element state cannot be manipulated through CSS only, need a better solution. 2021-09-14 13:13:05 +01:00
Eliseu Amaro
2084ae350e
[TWIG][CSS] Panels functionality works as intended, size needs to be worked upon. 2021-09-14 13:13:05 +01:00
Eliseu Amaro
3812a2d04d
[TWIG][CSS] Complete HTML refactoring, now using details element instead of a checkbox trick per panel. Using a "grid" akin to IBM's Carbon design guidelines. 2021-09-14 13:13:05 +01:00