Merge tag 'v4.5.0-beta.2' into chinwag-next
This commit is contained in:
commit
99461d3357
392 changed files with 1481 additions and 806 deletions
|
|
@ -524,3 +524,7 @@ a.sparkline {
|
|||
opacity: 0.25;
|
||||
}
|
||||
}
|
||||
|
||||
kbd {
|
||||
background-color: color.change($ui-highlight-color, $alpha: 0.1);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -300,9 +300,9 @@ $content-width: 840px;
|
|||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: $darker-text-color;
|
||||
padding-bottom: 8px;
|
||||
padding-top: 24px;
|
||||
margin-bottom: 8px;
|
||||
border-bottom: 1px solid var(--background-border-color);
|
||||
border-top: 1px solid var(--background-border-color);
|
||||
}
|
||||
|
||||
h6 {
|
||||
|
|
@ -488,6 +488,14 @@ body,
|
|||
}
|
||||
}
|
||||
|
||||
kbd {
|
||||
font-family: Courier, monospace;
|
||||
background-color: color.change($ui-secondary-color, $alpha: 0.1);
|
||||
padding: 4px;
|
||||
padding-bottom: 2px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.filters {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -1955,60 +1963,77 @@ a.sparkline {
|
|||
box-sizing: border-box;
|
||||
min-height: 100%;
|
||||
|
||||
&.status--has-quote {
|
||||
.quote-inline {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.status__quote & {
|
||||
// Remove the border from the .status__card within .status__quote
|
||||
border: none;
|
||||
|
||||
.display-name__account {
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.status__avatar,
|
||||
.status__avatar .account__avatar {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.status__prepend {
|
||||
padding: 0 0 15px;
|
||||
gap: 4px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.status__content {
|
||||
padding-top: 0;
|
||||
> details {
|
||||
summary {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
background: var(--nested-card-background);
|
||||
color: var(--nested-card-text);
|
||||
border: var(--nested-card-border);
|
||||
border-radius: 8px;
|
||||
padding: 8px 13px;
|
||||
position: relative;
|
||||
font-size: 15px;
|
||||
line-height: 22px;
|
||||
cursor: pointer;
|
||||
|
||||
> details {
|
||||
summary {
|
||||
&::after {
|
||||
content: attr(data-show, 'Show more');
|
||||
margin-top: 8px;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
background: var(--nested-card-background);
|
||||
color: var(--nested-card-text);
|
||||
border: var(--nested-card-border);
|
||||
border-radius: 8px;
|
||||
padding: 8px 13px;
|
||||
position: relative;
|
||||
font-size: 15px;
|
||||
line-height: 22px;
|
||||
line-height: 20px;
|
||||
color: $highlight-text-color;
|
||||
cursor: pointer;
|
||||
|
||||
&::after {
|
||||
content: attr(data-show, 'Show more');
|
||||
margin-top: 8px;
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
line-height: 20px;
|
||||
color: $highlight-text-color;
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
padding: 0;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus-visible {
|
||||
&::after {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
}
|
||||
border: 0;
|
||||
background: transparent;
|
||||
padding: 0;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
&[open] summary {
|
||||
margin-bottom: 16px;
|
||||
|
||||
&:hover,
|
||||
&:focus-visible {
|
||||
&::after {
|
||||
content: attr(data-hide, 'Hide post');
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&[open] summary {
|
||||
margin-bottom: 16px;
|
||||
|
||||
&::after {
|
||||
content: attr(data-hide, 'Hide post');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.preview-card {
|
||||
|
|
@ -2065,6 +2090,14 @@ a.sparkline {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.detailed-status__meta {
|
||||
.detailed-status__application,
|
||||
.detailed-status__datetime,
|
||||
.detailed-status__link {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.admin {
|
||||
|
|
|
|||
|
|
@ -10439,7 +10439,7 @@ noscript {
|
|||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background: color.change($ui-base-color, $alpha: 0.85);
|
||||
background: color.change($white, $alpha: 0.15);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -152,6 +152,9 @@
|
|||
z-index: 1;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
display: inline-flex !important;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
&:hover::before {
|
||||
|
|
|
|||
|
|
@ -224,6 +224,10 @@ code {
|
|||
list-style: disc;
|
||||
margin-inline-start: 18px;
|
||||
}
|
||||
|
||||
.icon {
|
||||
vertical-align: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
ul.hint {
|
||||
|
|
@ -755,6 +759,12 @@ code {
|
|||
display: none;
|
||||
}
|
||||
|
||||
&.hidden-on-touch-devices {
|
||||
@media screen and (pointer: coarse) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
color: $darker-text-color;
|
||||
|
|
|
|||
|
|
@ -356,7 +356,7 @@ a.table-action-link {
|
|||
|
||||
// Reset the status card to not have borders, background or padding when
|
||||
// inline in the table of statuses
|
||||
.status__card {
|
||||
.batch-table__row__content > .status__card {
|
||||
border: none;
|
||||
background: none;
|
||||
padding: 0;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue