jeena/lemmy-ui
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

feat: Bootstrap 5 (#1378)

Browse source 
* 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
Download patch file Download diff file Expand all files Collapse all files

22
src/shared/components/post/post-form.tsx
View file

@ -203,7 +203,7 @@ export class PostForm extends Component<PostFormProps, PostFormState> {
) && !this.state.submitted
}
/>
<div className="form-group row">
<div className="mb-3 row">
<label className="col-sm-2 col-form-label" htmlFor="post-url">
{i18n.t("url")}
</label>
@ -241,7 +241,7 @@ export class PostForm extends Component<PostFormProps, PostFormState> {
<div>
<a
href={`${webArchiveUrl}/save/${encodeURIComponent(url)}`}
className="mr-2 d-inline-block float-right text-muted small font-weight-bold"
className="me-2 d-inline-block float-right text-muted small font-weight-bold"
rel={relTags}
>
archive.org {i18n.t("archive_link")}
@ -250,7 +250,7 @@ export class PostForm extends Component<PostFormProps, PostFormState> {
href={`${ghostArchiveUrl}/search?term=${encodeURIComponent(
url
)}`}
className="mr-2 d-inline-block float-right text-muted small font-weight-bold"
className="me-2 d-inline-block float-right text-muted small font-weight-bold"
rel={relTags}
>
ghostarchive.org {i18n.t("archive_link")}
@ -259,7 +259,7 @@ export class PostForm extends Component<PostFormProps, PostFormState> {
href={`${archiveTodayUrl}/?run=1&url=${encodeURIComponent(
url
)}`}
className="mr-2 d-inline-block float-right text-muted small font-weight-bold"
className="me-2 d-inline-block float-right text-muted small font-weight-bold"
rel={relTags}
>
archive.today {i18n.t("archive_link")}
@ -277,7 +277,7 @@ export class PostForm extends Component<PostFormProps, PostFormState> {
aria-label={i18n.t("delete")}
data-tippy-content={i18n.t("delete")}
>
<Icon icon="x" classes="icon-inline mr-1" />
<Icon icon="x" classes="icon-inline me-1" />
{capitalizeFirstLetter(i18n.t("delete"))}
</button>
)}
@ -316,7 +316,7 @@ export class PostForm extends Component<PostFormProps, PostFormState> {
)}
</div>
</div>
<div className="form-group row">
<div className="mb-3 row">
<label className="col-sm-2 col-form-label" htmlFor="post-title">
{i18n.t("title")}
</label>
@ -342,7 +342,7 @@ export class PostForm extends Component<PostFormProps, PostFormState> {
</div>
</div>
<div className="form-group row">
<div className="mb-3 row">
<label className="col-sm-2 col-form-label">{i18n.t("body")}</label>
<div className="col-sm-10">
<MarkdownTextArea
@ -355,7 +355,7 @@ export class PostForm extends Component<PostFormProps, PostFormState> {
</div>
</div>
{!this.props.post_view && (
<div className="form-group row">
<div className="mb-3 row">
<label className="col-sm-2 col-form-label" htmlFor="post-community">
{i18n.t("community")}
</label>
@ -378,7 +378,7 @@ export class PostForm extends Component<PostFormProps, PostFormState> {
</div>
)}
{this.props.enableNsfw && (
<div className="form-group row">
<div className="mb-3 row">
<legend className="col-form-label col-sm-2 pt-0">
{i18n.t("nsfw")}
</legend>
@ -412,12 +412,12 @@ export class PostForm extends Component<PostFormProps, PostFormState> {
value={this.state.form.honeypot}
onInput={linkEvent(this, this.handleHoneyPotChange)}
/>
<div className="form-group row">
<div className="mb-3 row">
<div className="col-sm-10">
<button
disabled={!this.state.form.community_id || this.state.loading}
type="submit"
className="btn btn-secondary mr-2"
className="btn btn-secondary me-2"
>
{this.state.loading ? (
<Spinner />