eliseuamaro/gnu-social
1
0
Fork 0
forked from GNUsocial/gnu-social
Code Issues Pull Requests Releases Wiki Activity
80dfea6812
gnu-social/public/assets/default_theme/pages/settings.css

61 lines
1.3 KiB
CSS
Raw Normal View History

[CSS] Colours by classes. Refactored all CSS.
2021-10-05 16:03:17 +01:00
.section-settings {
[TWIG][Templates] Rename inconsistent CSS classes [CSS] Font size hierarchy refactor [PLUGINS][MediaFeed] Renamed BeforeFeed event Type scale hierarchy redone. Bigger line height added, making it easier to click on links and separate contents. Feed title added. AddFeedActions replaces BeforeFeed event. MediaFeed links will now show an icon to the right of the feed title, smaller footprint and more consistent with the overall design.
2021-12-23 21:29:46 +00:00
background: var(--background-card);
[COMPONENTS][Collection] Actors view template ordering section polished [PLUGINS][RepeatNote] Note to be repeated now uses full note card [CSS] Simplyfying rules, re-ordering and removing unnecessary and costly 'display: flex' rules [CARDS][Note] Minimal note macro has info inside the note itself now, since horizontal space is limited
2022-01-21 18:02:27 +00:00
border: 1px solid var(--border);
[TWIG] Fix empty accessibility menu anchor, accesskey anchors placement [CSS] Dark theme hover/focus border, settings page form visibility
2021-12-01 20:13:24 +00:00
box-shadow: var(--shadow);
[CONTROLLER][UI] Fixing controller display errors, Settings CSS fixes
2020-07-26 17:49:11 +01:00
}
[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-07-20 19:30:49 +01:00
[COMPONENTS][Collection] Actors view template ordering section polished [PLUGINS][RepeatNote] Note to be repeated now uses full note card [CSS] Simplyfying rules, re-ordering and removing unnecessary and costly 'display: flex' rules [CARDS][Note] Minimal note macro has info inside the note itself now, since horizontal space is limited
2022-01-21 18:02:27 +00:00
.section-settings, .section-settings-details {
[CSS] .section-widget class and derivatives replaced as .frame-section, since a widget implies a simple element with a specific function
2022-01-19 23:54:45 +00:00
border-radius: .6rem;
[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-07-29 17:29:25 +01:00
box-sizing: border-box;
[COMPONENTS][Collection] Actors view template ordering section polished [PLUGINS][RepeatNote] Note to be repeated now uses full note card [CSS] Simplyfying rules, re-ordering and removing unnecessary and costly 'display: flex' rules [CARDS][Note] Minimal note macro has info inside the note itself now, since horizontal space is limited
2022-01-21 18:02:27 +00:00
margin-bottom: .6rem;
padding: .6rem;
[TWIG] Fix empty accessibility menu anchor, accesskey anchors placement [CSS] Dark theme hover/focus border, settings page form visibility
2021-12-01 20:13:24 +00:00
}
[TWIG] Removed all instances were 'arrow-down' icon was called in twig templates, replaced it's intended feedback by using :after pseudo-selector within CSS In user panel render time reduced dramatically, by ~70ms. Said icon was requested by twig >10 times.
2022-01-12 16:07:28 +00:00
[TWIG][Templates] Rename inconsistent CSS classes [CSS] Font size hierarchy refactor [PLUGINS][MediaFeed] Renamed BeforeFeed event Type scale hierarchy redone. Bigger line height added, making it easier to click on links and separate contents. Feed title added. AddFeedActions replaces BeforeFeed event. MediaFeed links will now show an icon to the right of the feed title, smaller footprint and more consistent with the overall design.
2021-12-23 21:29:46 +00:00
.section-settings-details {
[COMPONENTS][Collection] Actors view template ordering section polished [PLUGINS][RepeatNote] Note to be repeated now uses full note card [CSS] Simplyfying rules, re-ordering and removing unnecessary and costly 'display: flex' rules [CARDS][Note] Minimal note macro has info inside the note itself now, since horizontal space is limited
2022-01-21 18:02:27 +00:00
border: 1px solid var(--border);
[TWIG][Templates] Rename inconsistent CSS classes [CSS] Font size hierarchy refactor [PLUGINS][MediaFeed] Renamed BeforeFeed event Type scale hierarchy redone. Bigger line height added, making it easier to click on links and separate contents. Feed title added. AddFeedActions replaces BeforeFeed event. MediaFeed links will now show an icon to the right of the feed title, smaller footprint and more consistent with the overall design.
2021-12-23 21:29:46 +00:00
}
[TWIG] Removed all instances were 'arrow-down' icon was called in twig templates, replaced it's intended feedback by using :after pseudo-selector within CSS In user panel render time reduced dramatically, by ~70ms. Said icon was requested by twig >10 times.
2022-01-12 16:07:28 +00:00
[TWIG][Templates] Rename inconsistent CSS classes [CSS] Font size hierarchy refactor [PLUGINS][MediaFeed] Renamed BeforeFeed event Type scale hierarchy redone. Bigger line height added, making it easier to click on links and separate contents. Feed title added. AddFeedActions replaces BeforeFeed event. MediaFeed links will now show an icon to the right of the feed title, smaller footprint and more consistent with the overall design.
2021-12-23 21:29:46 +00:00
.section-settings-details-title {
display: block;
}
[TWIG] Removed all instances were 'arrow-down' icon was called in twig templates, replaced it's intended feedback by using :after pseudo-selector within CSS In user panel render time reduced dramatically, by ~70ms. Said icon was requested by twig >10 times.
2022-01-12 16:07:28 +00:00
[TWIG][Templates] Rename inconsistent CSS classes [CSS] Font size hierarchy refactor [PLUGINS][MediaFeed] Renamed BeforeFeed event Type scale hierarchy redone. Bigger line height added, making it easier to click on links and separate contents. Feed title added. AddFeedActions replaces BeforeFeed event. MediaFeed links will now show an icon to the right of the feed title, smaller footprint and more consistent with the overall design.
2021-12-23 21:29:46 +00:00
.section-settings-details[open] {
[CSS] Removed unnecessary box-shadow rules that slowed down performance (see edit feeds page)
2021-12-06 20:56:06 +00:00
border-left: 2px solid var(--foreground);
[CONTROLLER][UI] Fixing controller display errors, Settings CSS fixes
2020-07-26 17:49:11 +01:00
}
[TWIG][Templates] Rename inconsistent CSS classes [CSS] Font size hierarchy refactor [PLUGINS][MediaFeed] Renamed BeforeFeed event Type scale hierarchy redone. Bigger line height added, making it easier to click on links and separate contents. Feed title added. AddFeedActions replaces BeforeFeed event. MediaFeed links will now show an icon to the right of the feed title, smaller footprint and more consistent with the overall design.
2021-12-23 21:29:46 +00:00
.section-settings-details[open] > summary:first-child {
margin-bottom: var(--s);
[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-07-29 17:29:25 +01:00
}
[UI] Notification settings styling progress
2020-08-08 01:20:51 +01:00
[TWIG][Templates] Rename inconsistent CSS classes [CSS] Font size hierarchy refactor [PLUGINS][MediaFeed] Renamed BeforeFeed event Type scale hierarchy redone. Bigger line height added, making it easier to click on links and separate contents. Feed title added. AddFeedActions replaces BeforeFeed event. MediaFeed links will now show an icon to the right of the feed title, smaller footprint and more consistent with the overall design.
2021-12-23 21:29:46 +00:00
.section-settings-details summary + form {
padding-left: var(--s);
[UI] Notification settings styling progress
2020-08-08 01:20:51 +01:00
}
[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-07-20 19:30:49 +01:00
[CSS] User panel CSS fixes. [PLUGINS][Oomox] Reformatted file.
2021-11-27 20:26:44 +00:00
.section-settings hr {
[CSS] .section-widget class and derivatives replaced as .frame-section, since a widget implies a simple element with a specific function
2022-01-19 23:54:45 +00:00
margin-bottom: .6rem;
[COMPONENTS][Collection] Actors view template ordering section polished [PLUGINS][RepeatNote] Note to be repeated now uses full note card [CSS] Simplyfying rules, re-ordering and removing unnecessary and costly 'display: flex' rules [CARDS][Note] Minimal note macro has info inside the note itself now, since horizontal space is limited
2022-01-21 18:02:27 +00:00
margin-top: .6rem;
[TWIG][CSS] Feedback provided to active page. Removed top accent border on notes.
2021-08-09 18:06:45 +01:00
}
[CSS] Re-arranged CSS rules, overall refactor to minimize duplications.
2021-11-15 14:07:05 +00:00
[COMPONENTS][Collection] Actors view template ordering section polished [PLUGINS][RepeatNote] Note to be repeated now uses full note card [CSS] Simplyfying rules, re-ordering and removing unnecessary and costly 'display: flex' rules [CARDS][Note] Minimal note macro has info inside the note itself now, since horizontal space is limited
2022-01-21 18:02:27 +00:00
.section-settings-details summary em:first-letter, .section-settings-details summary h3:first-letter {
[PLUGINS][Settings] Removed unused templates. Directory plugin templates now using actual templates. Notification settings using details element now.
2021-09-17 20:33:02 +01:00
text-transform: uppercase;
}
[TWIG][CSS] Feedback provided to active page. Removed top accent border on notes.
2021-08-09 18:06:45 +01:00
[TWIG] Removed all instances were 'arrow-down' icon was called in twig templates, replaced it's intended feedback by using :after pseudo-selector within CSS In user panel render time reduced dramatically, by ~70ms. Said icon was requested by twig >10 times.
2022-01-12 16:07:28 +00:00
.section-settings-details[open] .set-nav li:last-of-type {
margin-bottom: 0;
[UI] Notification settings checkbox placement fix
2020-08-12 21:02:34 +01:00
}
[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-07-20 19:30:49 +01:00
[TWIG] Removed all instances were 'arrow-down' icon was called in twig templates, replaced it's intended feedback by using :after pseudo-selector within CSS In user panel render time reduced dramatically, by ~70ms. Said icon was requested by twig >10 times.
2022-01-12 16:07:28 +00:00
.section-settings-details summary:after {
content: "\2193";
float: right;
[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-07-20 19:30:49 +01:00
}
[TWIG] Removed all instances were 'arrow-down' icon was called in twig templates, replaced it's intended feedback by using :after pseudo-selector within CSS In user panel render time reduced dramatically, by ~70ms. Said icon was requested by twig >10 times.
2022-01-12 16:07:28 +00:00
.section-settings-details[open] summary:after {
[COMPONENTS][Collection] Actors view template ordering section polished [PLUGINS][RepeatNote] Note to be repeated now uses full note card [CSS] Simplyfying rules, re-ordering and removing unnecessary and costly 'display: flex' rules [CARDS][Note] Minimal note macro has info inside the note itself now, since horizontal space is limited
2022-01-21 18:02:27 +00:00
animation: fadeOut 200ms cubic-bezier(0, 0.55, 0.45, 1);
[TWIG] Removed all instances were 'arrow-down' icon was called in twig templates, replaced it's intended feedback by using :after pseudo-selector within CSS In user panel render time reduced dramatically, by ~70ms. Said icon was requested by twig >10 times.
2022-01-12 16:07:28 +00:00
transform: rotate(180deg);
[UI] CSS polish all around
2020-09-05 06:34:41 +01:00
}
[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-07-20 19:30:49 +01:00
[TWIG] Removed all instances were 'arrow-down' icon was called in twig templates, replaced it's intended feedback by using :after pseudo-selector within CSS In user panel render time reduced dramatically, by ~70ms. Said icon was requested by twig >10 times.
2022-01-12 16:07:28 +00:00
.section-settings-details:not([open]) summary:after {
[COMPONENTS][Collection] Actors view template ordering section polished [PLUGINS][RepeatNote] Note to be repeated now uses full note card [CSS] Simplyfying rules, re-ordering and removing unnecessary and costly 'display: flex' rules [CARDS][Note] Minimal note macro has info inside the note itself now, since horizontal space is limited
2022-01-21 18:02:27 +00:00
animation: fadeIn 200ms cubic-bezier(0, 0.55, 0.45, 1);
[TWIG][SETTINGS] WIP. Settings navigation early sketch. Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-07-28 20:16:27 +01:00
transform: initial;
[COMPONENTS][Collection] Actors view template ordering section polished [PLUGINS][RepeatNote] Note to be repeated now uses full note card [CSS] Simplyfying rules, re-ordering and removing unnecessary and costly 'display: flex' rules [CARDS][Note] Minimal note macro has info inside the note itself now, since horizontal space is limited
2022-01-21 18:02:27 +00:00
}
Reference in New Issue Copy Permalink