eliseuamaro/gnu-social
1
0
Fork 0
forked from GNUsocial/gnu-social
Code Issues Pull Requests Releases Wiki Activity
a71c16d654
gnu-social/public/assets/default_theme/widgets/buttons.css

123 lines
2.3 KiB
CSS
Raw Normal View History

[TWIG] Form layout is all new, since extending form_div_layout.html.twig was quite limiting [COMPONENTS][Posting] It is now visible on Actor profiles [COMPONENTS][Search] Overall rework of search results template, there's also additional help text added [CSS] Header no longer translucent, font sizes yet more consistent, replies marker less pronounced, and font hierarchy is now applied in both weight and size
2022-02-16 21:17:13 +00:00
input+label {
[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
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] Form layout is all new, since extending form_div_layout.html.twig was quite limiting [COMPONENTS][Posting] It is now visible on Actor profiles [COMPONENTS][Search] Overall rework of search results template, there's also additional help text added [CSS] Header no longer translucent, font sizes yet more consistent, replies marker less pronounced, and font hierarchy is now applied in both weight and size
2022-02-16 21:17:13 +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);
[TWIG] Form layout is all new, since extending form_div_layout.html.twig was quite limiting [COMPONENTS][Posting] It is now visible on Actor profiles [COMPONENTS][Search] Overall rework of search results template, there's also additional help text added [CSS] Header no longer translucent, font sizes yet more consistent, replies marker less pronounced, and font hierarchy is now applied in both weight and size
2022-02-16 21:17:13 +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] 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
[TWIG] Form layout is all new, since extending form_div_layout.html.twig was quite limiting [COMPONENTS][Posting] It is now visible on Actor profiles [COMPONENTS][Search] Overall rework of search results template, there's also additional help text added [CSS] Header no longer translucent, font sizes yet more consistent, replies marker less pronounced, and font hierarchy is now applied in both weight and size
2022-02-16 21:17:13 +00:00
button,input,select,textarea {
font-family: 'Open Sans',sans-serif !important;
font-size: 1rem;
[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
[TWIG] Form layout is all new, since extending form_div_layout.html.twig was quite limiting [COMPONENTS][Posting] It is now visible on Actor profiles [COMPONENTS][Search] Overall rework of search results template, there's also additional help text added [CSS] Header no longer translucent, font sizes yet more consistent, replies marker less pronounced, and font hierarchy is now applied in both weight and size
2022-02-16 21:17:13 +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
[TWIG] Form layout is all new, since extending form_div_layout.html.twig was quite limiting [COMPONENTS][Posting] It is now visible on Actor profiles [COMPONENTS][Search] Overall rework of search results template, there's also additional help text added [CSS] Header no longer translucent, font sizes yet more consistent, replies marker less pronounced, and font hierarchy is now applied in both weight and size
2022-02-16 21:17:13 +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
[TWIG] Form layout is all new, since extending form_div_layout.html.twig was quite limiting [COMPONENTS][Posting] It is now visible on Actor profiles [COMPONENTS][Search] Overall rework of search results template, there's also additional help text added [CSS] Header no longer translucent, font sizes yet more consistent, replies marker less pronounced, and font hierarchy is now applied in both weight and size
2022-02-16 21:17:13 +00:00
button {
cursor: pointer !important;
display: block !important;
margin-left: auto !important;
}
[CSS] Replacing problematic special Unicode glyphs A browser will use Unicode glyphs from other font families if the glyph in question is not present for the current typeface. This leads to unnerving situations, whereby setting content through pseudo-selectors will cause text to misalign. And no, line-height won't make a difference in this case. This happens because fonts have different heights. Another reason may reside on CSS3 having pseudo selectors but not really having a proper spec for them to begin with.
2022-02-16 23:42:44 +00:00
button:not(:last-of-type) {
margin-bottom: var(--s);
}
[TWIG] Form layout is all new, since extending form_div_layout.html.twig was quite limiting [COMPONENTS][Posting] It is now visible on Actor profiles [COMPONENTS][Search] Overall rework of search results template, there's also additional help text added [CSS] Header no longer translucent, font sizes yet more consistent, replies marker less pronounced, and font hierarchy is now applied in both weight and size
2022-02-16 21:17:13 +00:00
.alert button {
border-color: #ff6347 !important;
cursor: pointer !important;
margin-top: unset !important;
}
button,label {
color: currentColor;
}
button {
font-family: 'Poppins',sans-serif !important;
font-weight: 900 !important;
}
input[type=radio],input[type=checkbox] {
[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
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] {
[TWIG] Form layout is all new, since extending form_div_layout.html.twig was quite limiting [COMPONENTS][Posting] It is now visible on Actor profiles [COMPONENTS][Search] Overall rework of search results template, there's also additional help text added [CSS] Header no longer translucent, font sizes yet more consistent, replies marker less pronounced, and font hierarchy is now applied in both weight and size
2022-02-16 21:17:13 +00:00
height: 8rem;
[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
[TWIG] Form layout is all new, since extending form_div_layout.html.twig was quite limiting [COMPONENTS][Posting] It is now visible on Actor profiles [COMPONENTS][Search] Overall rework of search results template, there's also additional help text added [CSS] Header no longer translucent, font sizes yet more consistent, replies marker less pronounced, and font hierarchy is now applied in both weight and size
2022-02-16 21:17:13 +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;
[TWIG] Form layout is all new, since extending form_div_layout.html.twig was quite limiting [COMPONENTS][Posting] It is now visible on Actor profiles [COMPONENTS][Search] Overall rework of search results template, there's also additional help text added [CSS] Header no longer translucent, font sizes yet more consistent, replies marker less pronounced, and font hierarchy is now applied in both weight and size
2022-02-16 21:17:13 +00:00
border: 0;
[CSS] Using accent-color rule to stylize checkbox
2022-01-28 23:15:01 +00:00
cursor: pointer;
height: var(--xxl);
width: var(--xxl);
}
input[type=color]::-webkit-color-swatch {
[TWIG] Form layout is all new, since extending form_div_layout.html.twig was quite limiting [COMPONENTS][Posting] It is now visible on Actor profiles [COMPONENTS][Search] Overall rework of search results template, there's also additional help text added [CSS] Header no longer translucent, font sizes yet more consistent, replies marker less pronounced, and font hierarchy is now applied in both weight and size
2022-02-16 21:17:13 +00:00
border: 0;
[CSS] Using accent-color rule to stylize checkbox
2022-01-28 23:15:01 +00:00
border-radius: var(--s);
}
input[type=color]::-moz-color-swatch {
[TWIG] Form layout is all new, since extending form_div_layout.html.twig was quite limiting [COMPONENTS][Posting] It is now visible on Actor profiles [COMPONENTS][Search] Overall rework of search results template, there's also additional help text added [CSS] Header no longer translucent, font sizes yet more consistent, replies marker less pronounced, and font hierarchy is now applied in both weight and size
2022-02-16 21:17:13 +00:00
border: 0;
[CSS] Using accent-color rule to stylize checkbox
2022-01-28 23:15:01 +00:00
border-radius: var(--s);
}
[TWIG] Form layout is all new, since extending form_div_layout.html.twig was quite limiting [COMPONENTS][Posting] It is now visible on Actor profiles [COMPONENTS][Search] Overall rework of search results template, there's also additional help text added [CSS] Header no longer translucent, font sizes yet more consistent, replies marker less pronounced, and font hierarchy is now applied in both weight and size
2022-02-16 21:17:13 +00:00
input[type=checkbox]:focus,input[type=checkbox]:hover {
[CSS] Using accent-color rule to stylize checkbox
2022-01-28 23:15:01 +00:00
outline: 2px solid var(--accent);
}
[TWIG] Form layout is all new, since extending form_div_layout.html.twig was quite limiting [COMPONENTS][Posting] It is now visible on Actor profiles [COMPONENTS][Search] Overall rework of search results template, there's also additional help text added [CSS] Header no longer translucent, font sizes yet more consistent, replies marker less pronounced, and font hierarchy is now applied in both weight and size
2022-02-16 21:17:13 +00:00
input[type=checkbox] {
[CSS] Using accent-color rule to stylize checkbox
2022-01-28 23:15:01 +00:00
accent-color: var(--accent);
}
Reference in New Issue Copy Permalink