Eliseu Amaro
|
9e051273f7
|
[BASE][NOTE][CSS] Notes are now clearly delimited to visually impaired users. Screen readers will notify when a note begins as well as each reply. Focused elements now provide the same feedback everywhere.
|
2021-09-14 13:13:43 +01:00 |
|
Eliseu Amaro
|
3c1a9ba3fa
|
[CSS] Fixed tabbing through accessibility menu. Was invisible when going throught it without a previous target.
|
2021-09-14 13:13:43 +01:00 |
|
Eliseu Amaro
|
b0b3ae237a
|
[TWIG][BASE] Fixed taborder, Orca will continue to read the whole header though. Navigation should be more clear for each timeline.
|
2021-09-14 13:13:43 +01:00 |
|
Eliseu Amaro
|
6ef07e04d1
|
[Posting][CSS] Right panel form uses a select box instead of radio buttons. Hover and focus of <a> elements using just an underline. Note author and actions padding redone. File-picker font is now correct. Left panel hierarchy should now be more clear.
|
2021-09-14 13:13:38 +01:00 |
|
Eliseu Amaro
|
7dc390ca1c
|
[TWIG][CSS] Shortcuts now work in small screen sizes. Header icons further polish. Profile navigation structural rework.
|
2021-09-14 13:13:38 +01:00 |
|
Eliseu Amaro
|
e73af2b887
|
[TWIG][CSS] Left and Right panels now using a checkbox trick to control their visibility. Details element couldn't be properly controlled by CSS without breaking accessibility.
|
2021-09-14 13:13:38 +01:00 |
|
Eliseu Amaro
|
6e6b2ea87b
|
[CSS][Icons] Icons width and height wasn't consistent, problem lied within the SVGs themselves.
|
2021-09-14 13:13:38 +01:00 |
|
Eliseu Amaro
|
b8bb845e24
|
[TWIG][CSS][Accessibility] Note view accessibility improvements. Left and right panels icon rework (width and height weren't correct, position needs further work).
|
2021-09-14 13:13:38 +01:00 |
|
Eliseu Amaro
|
d2760f1250
|
[TWIG][CSS][Accessibility] Base template accessibility improvements. Applying more semantic HTML5 tags and aria to describe content actions.
|
2021-09-14 13:13:38 +01:00 |
|
Eliseu Amaro
|
671e2d6a9d
|
[CSS] Fixed Favourite button background size and colour. Fixed right panel incorrect font size.
|
2021-09-14 13:13:37 +01:00 |
|
Eliseu Amaro
|
1647c5391f
|
[Favourite][TWIG][CSS] Favourite now works.
|
2021-09-14 13:13:22 +01:00 |
|
Eliseu Amaro
|
e15044fe36
|
[CSS] Overall typography resizing to provide proper text hierarchy. Radio buttons polish, notes author box is now smaller. Better organization of CSS rules according to their filename and thus, their aim.
|
2021-09-14 13:13:22 +01:00 |
|
Eliseu Amaro
|
1962a004aa
|
[CSS] Fixed top margin, footer elements are now actually footer elements.
|
2021-09-14 13:13:22 +01:00 |
|
Eliseu Amaro
|
e180143e20
|
[TWIG][CSS] Buttons are now the correct size in all contexts. Right panel create a notice section re-structure.
|
2021-09-14 13:13:22 +01:00 |
|
Eliseu Amaro
|
cb21599cef
|
[TWIG][CSS] Feedback provided to active page. Removed top accent border on notes.
|
2021-09-14 13:13:22 +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
|
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
|
625c056f30
|
[TWIG][CSS] Overall CSS optimizations. Image gradients are now used, 64x64 px.
|
2021-09-14 13:13:12 +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
|
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
|
5e31e3290d
|
[CSS] Fixing poor responsiveness to main nav element hover animation.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
|
2021-09-14 13:13:09 +01:00 |
|
Eliseu Amaro
|
e0a14f0b86
|
[CSS][TWIG] Left panel HTML nesting to better aid screen readers.
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
|
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
|
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
|
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
|
0c2272e094
|
[CSS] Fixing poor responsiveness to main nav element hover animation.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
|
2021-09-14 13:13:06 +01:00 |
|
Eliseu Amaro
|
d45ef53efd
|
[CSS][TWIG] Left panel HTML nesting to better aid screen readers.
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
|
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
|
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 |
|