GNUsocial/gnu-social
4
0
Fork 1
Code Issues Releases Wiki Activity
397b54a207
gnu-social/public/assets/default_theme/widgets/buttons.css

125 lines
2.3 KiB
CSS
Raw Normal View History

[CSS] Eliminated repeated rules, improved icon alignment, and removed checkbox and radio custom styling Browser specific quirks made it impossible to stylize checkbox and radio buttons. High DPI, custom default font sizes and/or custom GTK themes make it very difficult to keep it consistent.
2022-01-28 18:21:04 +00:00
label {
[CSS] Default theme polish work, more consistent font sizes and improved dark theme colors
2022-02-07 23:54:29 +00:00
font-weight: 900;
[CSS][PLUGIN] ProfileColor now handles both the background and foreground colors. Various button CSS fixes.
2021-10-05 19:04:30 +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
[CSS] Eliminated repeated rules, improved icon alignment, and removed checkbox and radio custom styling Browser specific quirks made it impossible to stylize checkbox and radio buttons. High DPI, custom default font sizes and/or custom GTK themes make it very difficult to keep it consistent.
2022-01-28 18:21:04 +00:00
input + label {
margin-left: 3px;
[CSS] Base CSS polish, reset CSS additions for better cross-browser compatibility.
2021-08-05 14:46:17 +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
[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-08-05 22:47:03 +01:00
input[type=file] {
all: unset;
[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
background: var(--gradient) !important;
border-radius: var(--s);
[CSS] Links should be aligned with content now. Underlined in main content by default. Highlighted when focused.
2021-09-06 13:08:27 +01:00
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
font-family: 'Open Sans', sans-serif !important;
[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
font-weight: 400 !important;
[CSS] Re-arranged CSS rules, overall refactor to minimize duplications.
2021-11-15 14:07:05 +00:00
padding: unset !important;
}
[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
[CSS] Browser compatibility improvements.
2021-10-05 22:44:22 +01:00
::file-selector-button {
background-color: unset;
border: unset;
[CSS] Re-arranged CSS rules, overall refactor to minimize duplications.
2021-11-15 14:07:05 +00:00
color: var(--foreground);
[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
cursor: pointer;
[CSS] Re-arranged CSS rules, overall refactor to minimize duplications.
2021-11-15 14:07:05 +00:00
fill: var(--foreground);
[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
font-family: 'Open Sans', sans-serif !important;
[CSS] Default theme polish work, more consistent font sizes and improved dark theme colors
2022-02-07 23:54:29 +00:00
font-weight: 900 !important;
[CSS] Browser compatibility improvements.
2021-10-05 22:44:22 +01:00
margin: 3px;
}
[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
[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
*|::-moz-button-content {
[CSS] Re-arranged CSS rules, overall refactor to minimize duplications.
2021-11-15 14:07:05 +00:00
all: unset !important;
}
[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
[CSS] Re-arranged CSS rules, overall refactor to minimize duplications.
2021-11-15 14:07:05 +00:00
button {
cursor: pointer !important;
[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
display: block !important;
[CSS] User panel CSS fixes. [PLUGINS][Oomox] Reformatted file.
2021-11-27 20:26:44 +00:00
margin-left: auto !important;
[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
margin-top: var(--s);
[CSS] Re-arranged CSS rules, overall refactor to minimize duplications.
2021-11-15 14:07:05 +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
[COMPONENTS][Conversation] Route 'conversation_mute' now has the corresponding conversation view embedded, user is also redirected properly [PLUGINS][Favourite] Fixed typo
2022-01-13 17:47:47 +00:00
.alert button {
[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-color: #ff6347 !important;
[COMPONENTS][Conversation] Route 'conversation_mute' now has the corresponding conversation view embedded, user is also redirected properly [PLUGINS][Favourite] Fixed typo
2022-01-13 17:47:47 +00:00
cursor: pointer !important;
margin-top: unset !important;
}
[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
button, label {
[CSS] Browser compatibility improvements.
2021-10-05 22:44:22 +01:00
color: currentColor;
[CSS] Reverting desktop side margins. All margins, sizes, radius, etc were redone.
2021-09-25 15:59:16 +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
button {
font-family: 'Poppins', sans-serif;
[CSS] Default theme polish work, more consistent font sizes and improved dark theme colors
2022-02-07 23:54:29 +00:00
font-weight: 900 !important;
[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
}
[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
[CSS] Fixed all buttons/select/input display rules from being overriden.
2021-11-23 23:07:42 +00:00
select::-ms-expand {
display: none;
}
[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
[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
button, input, select, textarea {
[CSS] Using accent-color rule to stylize checkbox
2022-01-28 23:15:01 +00:00
font-size: inherit;
[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) !important;
border-radius: var(--s);
[CSS] Using accent-color rule to stylize checkbox
2022-01-28 23:15:01 +00:00
max-width: 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
overflow: hidden;
[CSS] Using accent-color rule to stylize checkbox
2022-01-28 23:15:01 +00:00
padding: 6px 8px;
[PLUGINS][AttachmentCollections] Fix template [PLUGINS][AttachmentShowRelated] Fix template [CSS] Fix section-subtitle-details children padding issues [COMPONENTS][Posting] Remove unnecessary colon Overall polish of existing plugins templates
2021-12-25 17:31:16 +00:00
width: auto;
[CSS] Fixed Chromium from overriding the page stylesheet on fieldset element.
2021-11-15 14:44: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
[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
button, select, textarea {
[CSS] Fixed Chromium from overriding the page stylesheet on fieldset element.
2021-11-15 14:44:24 +00:00
background: var(--gradient) !important;
}
[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
[CSS] Replaced fooobar:not([foo=bar], [foo2=bar2]) rule, as Firefox ESR 78.x doesn't support that specific syntax
2022-02-04 21:10:21 +00:00
button, input {
[CSS] Fixed Chromium from overriding the page stylesheet on fieldset element.
2021-11-15 14:44:24 +00:00
background: var(--gradient) !important;
[CSS] Reverting desktop side margins. All margins, sizes, radius, etc were redone.
2021-09-25 15:59:16 +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
[CSS] Replaced fooobar:not([foo=bar], [foo2=bar2]) rule, as Firefox ESR 78.x doesn't support that specific syntax
2022-02-04 21:10:21 +00:00
input[type=radio],
input[type=checkbox] {
background: initial;
}
[CSS] Reverting desktop side margins. All margins, sizes, radius, etc were redone.
2021-09-25 15:59:16 +01:00
select {
background-repeat: no-repeat;
[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
border-radius: var(--s);
[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
cursor: pointer;
[CSS] Using accent-color rule to stylize checkbox
2022-01-28 23:15:01 +00:00
max-width: 100%;
[CSS] Fixed widgets from overflowing.
2021-10-29 18:14:39 +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
[CSS] Fix multiple select box styling
2021-11-29 17:50:30 +00:00
select[multiple] {
height: 20rem;
[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
overflow-y: scroll;
[CSS] Reverting desktop side margins. All margins, sizes, radius, etc were redone.
2021-09-25 15:59:16 +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
[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
button:focus, button:hover, input:focus, input:hover, select:focus, select:hover, textarea:focus, textarea:hover {
[CSS] Using accent-color rule to stylize checkbox
2022-01-28 23:15:01 +00:00
box-shadow: var(--shadow-inset-accent);
[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
}
[CSS] Using accent-color rule to stylize checkbox
2022-01-28 23:15:01 +00:00
input[type=color] {
appearance: none;
background-color: transparent;
border: none;
cursor: pointer;
height: var(--xxl);
width: var(--xxl);
}
input[type=color]::-webkit-color-swatch {
border: none;
border-radius: var(--s);
}
input[type=color]::-moz-color-swatch {
border: none;
border-radius: var(--s);
}
input[type=checkbox]:focus,
input[type=checkbox]:hover {
outline: 2px solid var(--accent);
}
input[type=checkbox]
{
accent-color: var(--accent);
}
Copy Permalink