mirror of
https://github.com/flarum/framework.git
synced 2024-12-12 06:03:39 +08:00
5ab5257ff5
* feat: make page structure customizable across different pages (#3867) * feat: create `PageStructure` component * feat: apply to `DiscussionPage` * feat: apply to `UserPage` * feat: apply to `TagsPage` * fix: adapt subscriptions ext * chore: cleanup * chore: use grid & flexbox for the discussion list item (#3868) * chore: rename `DiscussionPage-list` to `DiscussionListPane` * chore: itemlistify `DiscussionListItem` * chore: use flex and grid for `DiscussionListItem` * chore: use flexbox for `App-header` (#3869) * chore: use flex and grid for `App-header` * chore: drop search floats * fix: adapt admin styles * chore: use flexbox in dropdowns and SplitDropdown for subscriptions (#3874) * chore: flexbox dropdown menu items * chore: normalize subscriptions menu (use slit dropdown) * chore: cleanup * chore: misc flexbox/grid changes (#3875) * chore: `TagsPage` to tsx * chore: `TagsPage` flexbox/grid * chore: `IndexPage-toolbar` flexbox * chore: `UserCard` flexbox & itemlists * fix: `Post` improve spacing logic * chore: `Post` grid and proper spacing * fix: avatar editor hover layer layout * chore: `Button` flex * chore: normalize form semantics (#3877) * chore: normalize fieldsets * fix: `LinkButton` spacing * chore: consistent form semantics * fix: styling regressions (#3878) * fix: post spacing goes off in other pages * fix: regression * feat: extract reusable components from `NotificationsDropdown` (#3879) * feat: extensible global notices (#3880) * fix: js error on null item list * feat: extensible global notices * chore: housekeeping (#3881) * chore: use CSS variables where still not using * chore: cleanup suspension modal * chore: cleanup post flag * fix: badge vertical align * chore: use CSS variables for custom coloring * chore: `icon` helper to `Icon` component * chore: `avatar` helper to `Avatar` component * fix: chunk loading fails on admin frontend * chore: format * feat: reusable `UploadImageButton` component (#3882) * chore: convert `UploadImageButton` to tsx * feat: reusable `UploadImageButton` component * feat: add `image-upload` setting type * feat: extensible default footer component (#3883) * chore: yarn format
69 lines
1.3 KiB
Plaintext
69 lines
1.3 KiB
Plaintext
.Post--flagged {
|
|
--border-width: 2px;
|
|
padding-top: 0 !important;
|
|
padding-left: var(--post-padding);
|
|
margin-left: calc(~"0px - var(--post-padding)");
|
|
border: var(--border-width) solid var(--primary-color);
|
|
}
|
|
|
|
.Post-header .item-flagged {
|
|
display: block;
|
|
margin: 0;
|
|
}
|
|
.Post-flagged {
|
|
background: var(--primary-color);
|
|
margin: calc(~"0px - var(--border-width)") calc(~"0px - var(--border-width) - var(--post-padding)") var(--post-padding);
|
|
padding: 10px;
|
|
border-radius: var(--border-radius) var(--border-radius) 0 0;
|
|
overflow: hidden;
|
|
.light-contents(@color: @body-bg; @control-color: @body-bg);
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
&, a {
|
|
color: var(--body-bg) !important;
|
|
}
|
|
}
|
|
.Post-flagged-flags {
|
|
font-size: 14px;
|
|
margin: 7px 10px;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
}
|
|
.Post-flagged-detail {
|
|
font-size: 12px;
|
|
margin-left: 10px;
|
|
font-weight: normal;
|
|
}
|
|
.Post-flagged-actions {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
gap: 5px;
|
|
}
|
|
|
|
.FlagPostModal {
|
|
.Form-group {
|
|
margin-bottom: 20px;
|
|
}
|
|
.checkbox {
|
|
margin-bottom: 12px;
|
|
|
|
strong {
|
|
display: block;
|
|
color: var(--text-color);
|
|
}
|
|
}
|
|
}
|
|
|
|
.Flag .HeaderListItem-title {
|
|
justify-content: space-between;
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.Flag .HeaderListItem-time {
|
|
flex-shrink: 0;
|
|
}
|