feat: Bootstrap 5 (#1378)

* feat: Use Bootstrap 5; remove Bootstrap 4

* feat: Add link decoration override global var

* fix: Change sr-only to visually-hidden

* fix: Fix missing toggle button classes

* fix: Use darker green to pass 3:1 contrast and allow foreground color generation

* fix: Replace all mr- and ml- classes with me- (end) and ms- (start) classes

* fix: Replace all pr- and pl- classes with pe- (end) and ps- (start) classes

* fix: Replace custom-select with form-select d-inline-block

* fix: Change max-width to Bootstrap 4's max-width

* fix: Fix badge colors

* fix: Replace deprecated btn-block class with d-block

* fix: Temporary fix for missing btn-block styles

* fix: Fix margin-left auto and margin-right auto

* fix: Fix default border color

* fix: Fix some button widths

* fix: Fix form row margins

* fix: Remove theme color maps; no longer necessary in Bootstrap 5

* fix: Remove unused gray

* test commit

* fix: Fix deprecated input-group-append usage

* fix: Add missing col-form-label classes

* fix: Fix some column widths

* fix: Fix language dropdown style regression

* fix: Fix toast background color

* fix: Fix missing colors in red themes

* fix: Fix default radio button appearance for toggles

* fix: Fix missing margin in search form

* fix: Fix search form widths

* fix: Fix rate limit form columns

* fix: Fix search filters layout

* fix: Fix weird table background issue; re-compile from main updates

* fix: Fix modlog filter layout

* fix: Fix some horizontal margins

* fix: Fix incorrect usage of input-group

* chore: Empty commit to re-trigger Woodpecker job

* fix: Fix incorrect Bootstrap 5 padding class

* fix: Tighten up the home filter bars for the hell of it

* fix: Fix home filter bar gap

---------

Co-authored-by: SleeplessOne1917 <abias1122@gmail.com>
Co-authored-by: Dessalines <dessalines@users.noreply.github.com>
This commit is contained in:
Jay Sitter 2023-06-20 08:01:29 -04:00 committed by GitHub
parent 2678dd2a3d
commit c77086a9d5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
60 changed files with 35112 additions and 24661 deletions

View file

@ -144,10 +144,10 @@ export class MarkdownTextArea extends Component<
!this.state.submitted
}
/>
<div className="form-group row">
<div className="mb-3 row">
<div className="col-12">
<div className="rounded bg-light border border-light">
<div className="d-flex flex-wrap border-bottom border-light">
<div className="rounded bg-light border">
<div className="d-flex flex-wrap border-bottom">
{this.getFormatButton("bold", this.handleInsertBold)}
{this.getFormatButton("italic", this.handleInsertItalic)}
{this.getFormatButton("link", this.handleInsertLink)}
@ -248,7 +248,7 @@ export class MarkdownTextArea extends Component<
/>
)}
</div>
<label className="sr-only" htmlFor={this.id}>
<label className="visually-hidden" htmlFor={this.id}>
{i18n.t("body")}
</label>
</div>
@ -274,7 +274,7 @@ export class MarkdownTextArea extends Component<
{this.props.buttonTitle && (
<button
type="submit"
className="btn btn-sm btn-secondary ml-2"
className="btn btn-sm btn-secondary ms-2"
disabled={this.isDisabled}
>
{this.state.loading ? (
@ -287,7 +287,7 @@ export class MarkdownTextArea extends Component<
{this.props.replyType && (
<button
type="button"
className="btn btn-sm btn-secondary ml-2"
className="btn btn-sm btn-secondary ms-2"
onClick={linkEvent(this, this.handleReplyCancel)}
>
{i18n.t("cancel")}
@ -295,7 +295,7 @@ export class MarkdownTextArea extends Component<
)}
{this.state.content && (
<button
className={`btn btn-sm btn-secondary ml-2 ${
className={`btn btn-sm btn-secondary ms-2 ${
this.state.previewMode && "active"
}`}
onClick={linkEvent(this, this.handlePreviewToggle)}