mirror of
https://github.com/soapingtime/diyhrt.git
synced 2026-09-04 20:10:19 +02:00
[automated] update groups.io wiki
This commit is contained in:
+85
-7
@@ -2160,6 +2160,11 @@ video::-webkit-media-text-track-display {
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
/* The no-color swatch is white, so the white check is invisible on it. MAF */
|
||||
.dropdown-colorselector>.dropdown-menu>li>.color-btn[data-value="color_none"].selected:after {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.btn-colorselector {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
@@ -2762,7 +2767,8 @@ body.dark-mode a.button-link:focus {
|
||||
}
|
||||
|
||||
/* otherwise selects extend to the entire width, which is too wide */
|
||||
select.form-control {
|
||||
select.form-control,
|
||||
select.form-select {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
@@ -3007,16 +3013,23 @@ a, button, input, select, textarea, .btn, .mobilesidebar-item, .grouphome-tile {
|
||||
}
|
||||
}
|
||||
|
||||
body:not(.dark-mode) .groupmaincontent ul.dropdown-menu a,
|
||||
body:not(.dark-mode) .panel-default>.panel-heading a {
|
||||
body:not(.dark-mode) .groupmaincontent ul.dropdown-menu a {
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
/* Panel-heading toggles take the heading's own color, so collapsable
|
||||
and static section headings read as one treatment (beta 41084 noted
|
||||
the #333 anchor against the #555 heading). */
|
||||
body:not(.dark-mode) .panel-default>.panel-heading a {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
body:not(.dark-mode) a.showvisited:visited,
|
||||
body:not(.dark-mode) .thread-attribution,
|
||||
body:not(.dark-mode) .text-muted,
|
||||
body:not(.dark-mode) .breadcrumb>.active,
|
||||
body:not(.dark-mode) .help-block,
|
||||
body:not(.dark-mode) .form-text,
|
||||
body:not(.dark-mode) span[id*="likestats"] {
|
||||
color: #707070 !important;
|
||||
}
|
||||
@@ -3591,7 +3604,8 @@ body {
|
||||
}
|
||||
|
||||
/* undo this from above because it causes horizontal scrolling */
|
||||
select.form-control {
|
||||
select.form-control,
|
||||
select.form-select {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -3720,11 +3734,26 @@ table.table-fixed {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Alias target ("→ tag") in the hashtag gallery: follow the box's own text
|
||||
color instead of Bootstrap's fixed heading-small grey, dimmed slightly so
|
||||
it stays distinct from the hashtag name on any box color. */
|
||||
.hashtag-btn h4 small {
|
||||
color: inherit;
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
.hashtag-label-white {
|
||||
background-color: #fff;
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
/* A white/no-color badge needs dark text and a visible edge; badge text is
|
||||
otherwise white and badges carry no border. */
|
||||
.badge.hashtag-label-white {
|
||||
color: #333;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.hashtag-label-green-lantern {
|
||||
background-color: #61b16c;
|
||||
}
|
||||
@@ -4513,6 +4542,25 @@ table.table-fixed {
|
||||
.fc .fc-popover {
|
||||
z-index: 1049;
|
||||
}
|
||||
/* Availability badge on calendar entries for events with an attendance limit */
|
||||
.fc-seats-badge {
|
||||
margin-left: 4px;
|
||||
flex-shrink: 0;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
color: #333;
|
||||
}
|
||||
.fc-h-event .fc-seats-badge {
|
||||
align-self: center;
|
||||
margin-right: 2px;
|
||||
}
|
||||
.fc-v-event .fc-seats-badge {
|
||||
align-self: flex-start;
|
||||
}
|
||||
/* In list view the row background is the page background, so use the standard badge colors */
|
||||
.fc-list-table .fc-seats-badge {
|
||||
background-color: #777;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.F {
|
||||
table-layout: fixed;
|
||||
@@ -8161,7 +8209,8 @@ body.dark-mode .thread-attribution,
|
||||
body.dark-mode .truncate-two-lines+div,
|
||||
body.dark-mode .text-muted,
|
||||
body.dark-mode .breadcrumb>.active,
|
||||
body.dark-mode .help-block {
|
||||
body.dark-mode .help-block,
|
||||
body.dark-mode .form-text {
|
||||
color: #999999 !important;
|
||||
}
|
||||
|
||||
@@ -8182,6 +8231,7 @@ body.dark-mode h6 {
|
||||
body.dark-mode .text-muted,
|
||||
body.dark-mode .breadcrumb>.active,
|
||||
body.dark-mode .help-block,
|
||||
body.dark-mode .form-text,
|
||||
body.dark-mode .dropdown-header {
|
||||
color: #999;
|
||||
}
|
||||
@@ -8284,6 +8334,15 @@ body.dark-mode .panel-default .panel-heading {
|
||||
border-color: var(--dark-mode-divider);
|
||||
}
|
||||
|
||||
/* Pin heading toggles in dark mode too: dark's global link color would
|
||||
otherwise repaint an anchor-based heading, hover and focus included,
|
||||
and a click leaves the toggle focused. */
|
||||
body.dark-mode .panel-default .panel-heading a,
|
||||
body.dark-mode .panel-default .panel-heading a:hover,
|
||||
body.dark-mode .panel-default .panel-heading a:focus {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
body.dark-mode .panel-default .panel-footer {
|
||||
background-color: var(--dark-mode-highlight-color);
|
||||
color: var(--dark-mode-text-color);
|
||||
@@ -8300,6 +8359,22 @@ body.dark-mode .hashtag-btn {
|
||||
color: var(--dark-mode-text-color);
|
||||
}
|
||||
|
||||
/* Hashtag boxes are self-colored chips: each .hashtag-box-* class pairs its
|
||||
background with a text color chosen for contrast, and the backgrounds keep
|
||||
their colors in dark mode. Restore that pair inside the box where generic
|
||||
dark-mode rules (the h1-h6 recolor above, and the .truncate-two-lines + div
|
||||
selector aimed at another component) would otherwise override the title and
|
||||
the topic-count footer. */
|
||||
body.dark-mode .hashtag-btn h4 {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* The footer needs !important to out-rank the #999 group above, which is
|
||||
itself !important. */
|
||||
body.dark-mode .hashtag-btn .truncate-two-lines + div {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
body.dark-mode .label {
|
||||
color: var(--dark-mode-reverse-text-color);
|
||||
}
|
||||
@@ -8348,8 +8423,11 @@ body.dark-mode .robohelp-important {
|
||||
}
|
||||
|
||||
|
||||
/* Badge */
|
||||
body.dark-mode .badge {
|
||||
/* Badge. The grey is for former BS3 count badges only: a badge carrying
|
||||
a color -- a bg- utility, a hashtag-label class, or an inline
|
||||
background -- is a former BS3 label, and dark mode never repainted
|
||||
label colors (the .label dark rule above only adjusts text). */
|
||||
body.dark-mode .badge:not([class*="bg-"]):not([class*="hashtag-label-"]):not([style*="background"]) {
|
||||
background-color: #a5a5a5;
|
||||
color: var(--dark-mode-primary-color);
|
||||
}
|
||||
Reference in New Issue
Block a user