From ba5cafef08a293674d7e585ba7617e3fc74c9014 Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Sun, 25 Jun 2023 18:01:25 -0400 Subject: [PATCH 01/20] chore: Separate post mod buttons into functions --- src/shared/components/post/post-listing.tsx | 368 +++++++++++--------- 1 file changed, 204 insertions(+), 164 deletions(-) diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx index 76a3e445..76690986 100644 --- a/src/shared/components/post/post-listing.tsx +++ b/src/shared/components/post/post-listing.tsx @@ -718,6 +718,94 @@ export class PostListing extends Component { {(this.canMod_ || this.canAdmin_) && (
  • {this.modRemoveButton}
    • )} + + {this.canMod_ && ( + <> + {!this.creatorIsMod_ && + (!post_view.creator_banned_from_community ? ( +
  • {this.modBanFromCommunityButton}
    • + ) : ( +
  • {this.modUnbanFromCommunityButton}
    • + ))} + {!post_view.creator_banned_from_community && ( +
  • {this.addModToCommunityButton}
    • + )} + + )} + + {/* Community creators and admins can transfer community to another mod */} + {(amCommunityCreator(post_view.creator.id, this.props.moderators) || + this.canAdmin_) && + this.creatorIsMod_ && + (!this.state.showConfirmTransferCommunity ? ( +
  • + +
    • + ) : ( + <> +
  • + +
    • +
  • + +
    • +
  • + +
    • + + ))} + {/* Admins can ban from all, and appoint other admins */} + {this.canAdmin_ && ( + <> + {!this.creatorIsAdmin_ && ( + <> + {!isBanned(post_view.creator) ? ( +
  • {modBanButton}
    • + ) : ( +
  • {modUnbanButton}
    • + )} +
  • {purgePersonButton}
    • +
  • {purgePostButton}
    • + + )} + {!isBanned(post_view.creator) && post_view.creator.local && ( +
  • {toggleAdminButton}
    • + )} + + )} @@ -982,6 +1070,121 @@ export class PostListing extends Component { ); } + get modBanFromCommunityButton() { + return ( + + ); + } + + get modUnbanFromCommunityButton() { + return ( + + ); + } + + get addModToCommunityButton() { + return ( + + ); + } + + get modBanButton() { + return ( + + ); + } + + get modUnbanButton() { + return ( + + ); + } + + get purgePersonButton() { + return ( + + ); + } + + get purgePostButton() { + return ( + + ); + } + + get toggleAdminButton() { + return ( + + ); + } + get modRemoveButton() { const removed = this.postView.post.removed; return ( @@ -1011,170 +1214,7 @@ export class PostListing extends Component { // TODO: make nicer const post_view = this.postView; return ( - this.state.showAdvanced && ( -
    - {this.canMod_ && ( - <> - {!this.creatorIsMod_ && - (!post_view.creator_banned_from_community ? ( - - ) : ( - - ))} - {!post_view.creator_banned_from_community && ( - - )} - - )} - {/* Community creators and admins can transfer community to another mod */} - {(amCommunityCreator(post_view.creator.id, this.props.moderators) || - this.canAdmin_) && - this.creatorIsMod_ && - (!this.state.showConfirmTransferCommunity ? ( - - ) : ( - <> - - - - - ))} - {/* Admins can ban from all, and appoint other admins */} - {this.canAdmin_ && ( - <> - {!this.creatorIsAdmin_ && ( - <> - {!isBanned(post_view.creator) ? ( - - ) : ( - - )} - - - - )} - {!isBanned(post_view.creator) && post_view.creator.local && ( - - )} - - )} -
    - ) + this.state.showAdvanced &&
    ); } From c1e86f43a1e1391915ac0fc8f5e2b9ab3cceafb2 Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Sun, 25 Jun 2023 18:08:26 -0400 Subject: [PATCH 02/20] fix: Move things back to where they were --- src/shared/components/post/post-listing.tsx | 180 ++++++++++---------- 1 file changed, 91 insertions(+), 89 deletions(-) diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx index 76690986..9186c418 100644 --- a/src/shared/components/post/post-listing.tsx +++ b/src/shared/components/post/post-listing.tsx @@ -718,94 +718,6 @@ export class PostListing extends Component { {(this.canMod_ || this.canAdmin_) && (
  • {this.modRemoveButton}
    • )} - - {this.canMod_ && ( - <> - {!this.creatorIsMod_ && - (!post_view.creator_banned_from_community ? ( -
  • {this.modBanFromCommunityButton}
    • - ) : ( -
  • {this.modUnbanFromCommunityButton}
    • - ))} - {!post_view.creator_banned_from_community && ( -
  • {this.addModToCommunityButton}
    • - )} - - )} - - {/* Community creators and admins can transfer community to another mod */} - {(amCommunityCreator(post_view.creator.id, this.props.moderators) || - this.canAdmin_) && - this.creatorIsMod_ && - (!this.state.showConfirmTransferCommunity ? ( -
  • - -
    • - ) : ( - <> -
  • - -
    • -
  • - -
    • -
  • - -
    • - - ))} - {/* Admins can ban from all, and appoint other admins */} - {this.canAdmin_ && ( - <> - {!this.creatorIsAdmin_ && ( - <> - {!isBanned(post_view.creator) ? ( -
  • {modBanButton}
    • - ) : ( -
  • {modUnbanButton}
    • - )} -
  • {purgePersonButton}
    • -
  • {purgePostButton}
    • - - )} - {!isBanned(post_view.creator) && post_view.creator.local && ( -
  • {toggleAdminButton}
    • - )} - - )} @@ -1214,7 +1126,97 @@ export class PostListing extends Component { // TODO: make nicer const post_view = this.postView; return ( - this.state.showAdvanced &&
    + this.state.showAdvanced && ( +
    + {this.canMod_ && ( + <> + {!this.creatorIsMod_ && + (!post_view.creator_banned_from_community ? ( +
  • {this.modBanFromCommunityButton}
    • + ) : ( +
  • {this.modUnbanFromCommunityButton}
    • + ))} + {!post_view.creator_banned_from_community && ( +
  • {this.addModToCommunityButton}
    • + )} + + )} + + {/* Community creators and admins can transfer community to another mod */} + {(amCommunityCreator(post_view.creator.id, this.props.moderators) || + this.canAdmin_) && + this.creatorIsMod_ && + (!this.state.showConfirmTransferCommunity ? ( +
  • + +
    • + ) : ( + <> +
  • + +
    • +
  • + +
    • +
  • + +
    • + + ))} + {/* Admins can ban from all, and appoint other admins */} + {this.canAdmin_ && ( + <> + {!this.creatorIsAdmin_ && ( + <> + {!isBanned(post_view.creator) ? ( +
  • {this.modBanButton}
    • + ) : ( +
  • {this.modUnbanButton}
    • + )} +
  • {this.purgePersonButton}
    • +
  • {this.purgePostButton}
    • + + )} + {!isBanned(post_view.creator) && post_view.creator.local && ( +
  • {this.toggleAdminButton}
    • + )} + + )} +
    + ) ); } From 69966369d3c182ec8821f45e013239d4aa6bd740 Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Sun, 25 Jun 2023 18:11:12 -0400 Subject: [PATCH 03/20] fix: Remove extraneous classes --- src/shared/components/post/post-listing.tsx | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx index 9186c418..6b65cde3 100644 --- a/src/shared/components/post/post-listing.tsx +++ b/src/shared/components/post/post-listing.tsx @@ -985,7 +985,7 @@ export class PostListing extends Component { get modBanFromCommunityButton() { return ( + ) : ( + <> + + - - ) : ( - <> -
  • - -
    • -
  • - -
    • -
  • - -
    • ))} {/* Admins can ban from all, and appoint other admins */} @@ -1201,18 +1193,16 @@ export class PostListing extends Component { <> {!this.creatorIsAdmin_ && ( <> - {!isBanned(post_view.creator) ? ( -
  • {this.modBanButton}
    • - ) : ( -
  • {this.modUnbanButton}
    • - )} -
  • {this.purgePersonButton}
    • -
  • {this.purgePostButton}
    • + {!isBanned(post_view.creator) + ? this.modBanButton + : this.modUnbanButton} + {this.purgePersonButton} + {this.purgePostButton} )} - {!isBanned(post_view.creator) && post_view.creator.local && ( -
  • {this.toggleAdminButton}
    • - )} + {!isBanned(post_view.creator) && + post_view.creator.local && + this.toggleAdminButton} )} From 7259472254e68cc9c30950bf5ed66f05d95652bc Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Sun, 25 Jun 2023 18:15:59 -0400 Subject: [PATCH 05/20] fix: Restore removed classes --- src/shared/components/post/post-listing.tsx | 19 ++++++++----------- 1 file changed, 8 insertions(+), 11 deletions(-) diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx index 15fa0813..60fb12ff 100644 --- a/src/shared/components/post/post-listing.tsx +++ b/src/shared/components/post/post-listing.tsx @@ -1131,14 +1131,11 @@ export class PostListing extends Component { {this.canMod_ && ( <> {!this.creatorIsMod_ && - (!post_view.creator_banned_from_community ? ( -
  • {this.modBanFromCommunityButton}
    • - ) : ( -
  • {this.modUnbanFromCommunityButton}
    • - ))} - {!post_view.creator_banned_from_community && ( -
  • {this.addModToCommunityButton}
    • - )} + (!post_view.creator_banned_from_community + ? this.modBanFromCommunityButton + : this.modUnbanFromCommunityButton)} + {!post_view.creator_banned_from_community && + this.addModToCommunityButton} )} @@ -1160,13 +1157,13 @@ export class PostListing extends Component { ) : ( <> {showScores() ? (
    {numToSI(this.props.counts.score)} diff --git a/src/shared/components/home/emojis-form.tsx b/src/shared/components/home/emojis-form.tsx index caf8221c..149ff032 100644 --- a/src/shared/components/home/emojis-form.tsx +++ b/src/shared/components/home/emojis-form.tsx @@ -255,7 +255,7 @@ export class EmojiForm extends Component { >
    diff --git a/src/shared/components/home/tagline-form.tsx b/src/shared/components/home/tagline-form.tsx index c79d9554..bdbe1e63 100644 --- a/src/shared/components/home/tagline-form.tsx +++ b/src/shared/components/home/tagline-form.tsx @@ -71,7 +71,7 @@ export class TaglineForm extends Component { data-tippy-content={I18NextService.i18n.t("edit")} aria-label={I18NextService.i18n.t("edit")} > - + diff --git a/src/shared/components/person/cake-day.tsx b/src/shared/components/person/cake-day.tsx index ddb12bea..3eeaf75e 100644 --- a/src/shared/components/person/cake-day.tsx +++ b/src/shared/components/person/cake-day.tsx @@ -10,7 +10,7 @@ export class CakeDay extends Component { render() { return (
    diff --git a/src/shared/components/person/profile.tsx b/src/shared/components/person/profile.tsx index 70bada82..714b6bed 100644 --- a/src/shared/components/person/profile.tsx +++ b/src/shared/components/person/profile.tsx @@ -647,12 +647,12 @@ export class Profile extends Component< value={this.state.banReason} onInput={linkEvent(this, this.handleModBanReasonChange)} /> -
    ); }} diff --git a/src/shared/components/community/community.tsx b/src/shared/components/community/community.tsx index 111b47cd..a18153f5 100644 --- a/src/shared/components/community/community.tsx +++ b/src/shared/components/community/community.tsx @@ -22,7 +22,7 @@ import { } from "@utils/helpers"; import type { QueryParams } from "@utils/types"; import { RouteDataResponse } from "@utils/types"; -import { Component, linkEvent } from "inferno"; +import { Component, RefObject, createRef, linkEvent } from "inferno"; import { RouteComponentProps } from "inferno-router/dist/Route"; import { AddAdmin, @@ -154,7 +154,7 @@ export class Community extends Component< finished: new Map(), isIsomorphic: false, }; - + private readonly mainContentRef: RefObject; constructor(props: RouteComponentProps<{ name: string }>, context: any) { super(props, context); @@ -195,7 +195,7 @@ export class Community extends Component< this.handleSavePost = this.handleSavePost.bind(this); this.handlePurgePost = this.handlePurgePost.bind(this); this.handleFeaturePost = this.handleFeaturePost.bind(this); - + this.mainContentRef = createRef(); // Only fetch the data if coming from another route if (FirstLoadService.isFirstLoad) { const { communityRes, commentsRes, postsRes } = this.isoData.routeData; @@ -317,7 +317,7 @@ export class Community extends Component< />
    -
    +
    {this.communityInfo(res)}
    -
    +
    +
    +
    ); diff --git a/src/shared/components/post/post.tsx b/src/shared/components/post/post.tsx index f0aa3ff5..1aaf50d5 100644 --- a/src/shared/components/post/post.tsx +++ b/src/shared/components/post/post.tsx @@ -348,7 +348,7 @@ export class Post extends Component { const res = this.state.postRes.data; return (
    -
    +
    { this.commentsTree()} {this.state.commentViewType == CommentViewType.Flat && this.commentsFlat()} -
    -
    {this.sidebar()}
    + +
    ); } From aee7e4d45b24667dc34a29f72ef353e78ed1009c Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Mon, 26 Jun 2023 14:53:37 -0400 Subject: [PATCH 13/20] feat(UI): Reduce base font size (#1591) * feat: Reduce base font size * chore: Build themes --------- Co-authored-by: SleeplessOne1917 Co-authored-by: Dessalines --- src/assets/css/themes/_variables.darkly.scss | 1 - src/assets/css/themes/_variables.scss | 1 + src/assets/css/themes/darkly-compact.css | 432 +++++------------ src/assets/css/themes/darkly-red.css | 82 ++-- src/assets/css/themes/darkly.css | 82 ++-- src/assets/css/themes/litely-compact.css | 474 ++++++------------- src/assets/css/themes/litely-red.css | 124 ++--- src/assets/css/themes/litely.css | 124 ++--- 8 files changed, 488 insertions(+), 832 deletions(-) diff --git a/src/assets/css/themes/_variables.darkly.scss b/src/assets/css/themes/_variables.darkly.scss index 48556fe1..e0762a95 100644 --- a/src/assets/css/themes/_variables.darkly.scss +++ b/src/assets/css/themes/_variables.darkly.scss @@ -32,7 +32,6 @@ $yiq-contrasted-threshold: 175; $font-family-sans-serif: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -$font-size-base: 0.9375rem; $h1-font-size: 3rem; $h2-font-size: 2.5rem; $h3-font-size: 2rem; diff --git a/src/assets/css/themes/_variables.scss b/src/assets/css/themes/_variables.scss index e7d7dae8..5b07cf52 100644 --- a/src/assets/css/themes/_variables.scss +++ b/src/assets/css/themes/_variables.scss @@ -1,5 +1,6 @@ $link-decoration: none; $min-contrast-ratio: 3; +$font-size-base: 0.875rem; $container-max-widths: ( lg: 1140px, diff --git a/src/assets/css/themes/darkly-compact.css b/src/assets/css/themes/darkly-compact.css index 38274dce..3b422edb 100644 --- a/src/assets/css/themes/darkly-compact.css +++ b/src/assets/css/themes/darkly-compact.css @@ -115,7 +115,7 @@ hr.my-3 { --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); - --bs-body-font-size: 0.9375rem; + --bs-body-font-size: 0.875rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #dee2e6; @@ -287,20 +287,20 @@ h3, .h3 { } h4, .h4 { - font-size: calc(1.265625rem + 0.1875vw); + font-size: calc(1.25625rem + 0.075vw); } @media (min-width: 1200px) { h4, .h4 { - font-size: 1.40625rem; + font-size: 1.3125rem; } } h5, .h5 { - font-size: 1.171875rem; + font-size: 1.09375rem; } h6, .h6 { - font-size: 0.9375rem; + font-size: 0.875rem; } p { @@ -309,11 +309,9 @@ p { } abbr[title] { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; + text-decoration: underline dotted; cursor: help; - -webkit-text-decoration-skip-ink: none; - text-decoration-skip-ink: none; + text-decoration-skip-ink: none; } address { @@ -628,7 +626,7 @@ progress { } .lead { - font-size: 1.171875rem; + font-size: 1.09375rem; font-weight: 300; } @@ -722,7 +720,7 @@ progress { .blockquote { margin-bottom: 1rem; - font-size: 1.171875rem; + font-size: 1.09375rem; } .blockquote > :last-child { margin-bottom: 0; @@ -2105,13 +2103,13 @@ progress { .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); - font-size: 1.171875rem; + font-size: 1.09375rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); - font-size: 0.8203125rem; + font-size: 0.765625rem; } .form-text { @@ -2124,16 +2122,14 @@ progress { display: block; width: 100%; padding: 0.375rem 0.75rem; - font-size: 0.9375rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #fff; background-color: #444; background-clip: padding-box; border: var(--bs-border-width) solid #222; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + appearance: none; border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @@ -2164,10 +2160,6 @@ progress { display: block; padding: 0; } -.form-control::-moz-placeholder { - color: var(--bs-secondary-color); - opacity: 1; -} .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; @@ -2179,8 +2171,7 @@ progress { .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; - -webkit-margin-end: 0.75rem; - margin-inline-end: 0.75rem; + margin-inline-end: 0.75rem; color: #fff; background-color: var(--bs-tertiary-bg); pointer-events: none; @@ -2222,27 +2213,25 @@ progress { .form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; - font-size: 0.8203125rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; - -webkit-margin-end: 0.5rem; - margin-inline-end: 0.5rem; + margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; - font-size: 1.171875rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; - -webkit-margin-end: 1rem; - margin-inline-end: 1rem; + margin-inline-end: 1rem; } textarea.form-control { @@ -2283,7 +2272,7 @@ textarea.form-control-lg { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; - font-size: 0.9375rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #fff; @@ -2295,9 +2284,7 @@ textarea.form-control-lg { border: var(--bs-border-width) solid #222; border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + appearance: none; } @media (prefers-reduced-motion: reduce) { .form-select { @@ -2325,7 +2312,7 @@ textarea.form-control-lg { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; - font-size: 0.8203125rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } @@ -2333,7 +2320,7 @@ textarea.form-control-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; - font-size: 1.171875rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } @@ -2343,7 +2330,7 @@ textarea.form-control-lg { .form-check { display: block; - min-height: 1.40625rem; + min-height: 1.3125rem; padding-left: 1.5em; margin-bottom: 0.125rem; } @@ -2375,11 +2362,8 @@ textarea.form-control-lg { background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - -webkit-print-color-adjust: exact; - print-color-adjust: exact; + appearance: none; + print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; @@ -2478,9 +2462,7 @@ textarea.form-control-lg { height: 1.5rem; padding: 0; background-color: transparent; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + appearance: none; } .form-range:focus { outline: 0; @@ -2501,14 +2483,11 @@ textarea.form-control-lg { background-color: #00bc8c; border: 0; border-radius: 1rem; - -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - -webkit-appearance: none; - appearance: none; + appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { - -webkit-transition: none; transition: none; } } @@ -2530,14 +2509,11 @@ textarea.form-control-lg { background-color: #00bc8c; border: 0; border-radius: 1rem; - -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - -moz-appearance: none; - appearance: none; + appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { - -moz-transition: none; transition: none; } } @@ -2598,17 +2574,10 @@ textarea.form-control-lg { .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; } -.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder { - color: transparent; -} .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: transparent; } -.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) { - padding-top: 1.625rem; - padding-bottom: 0.625rem; -} .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) { @@ -2624,10 +2593,6 @@ textarea.form-control-lg { padding-top: 1.625rem; padding-bottom: 0.625rem; } -.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { - color: rgba(var(--bs-body-color-rgb), 0.65); - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); -} .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, @@ -2635,15 +2600,6 @@ textarea.form-control-lg { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } -.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after { - position: absolute; - inset: 1rem 0.375rem; - z-index: -1; - height: 1.5em; - content: ""; - background-color: #444; - border-radius: var(--bs-border-radius); -} .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, @@ -2702,7 +2658,7 @@ textarea.form-control-lg { display: flex; align-items: center; padding: 0.375rem 0.75rem; - font-size: 0.9375rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #adb5bd; @@ -2718,7 +2674,7 @@ textarea.form-control-lg { .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; - font-size: 1.171875rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } @@ -2727,7 +2683,7 @@ textarea.form-control-lg { .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; - font-size: 0.8203125rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } @@ -2777,7 +2733,7 @@ textarea.form-control-lg { max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; - font-size: 0.8203125rem; + font-size: 0.765625rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); @@ -2867,7 +2823,7 @@ textarea.form-control-lg { max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; - font-size: 0.8203125rem; + font-size: 0.765625rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); @@ -2945,7 +2901,7 @@ textarea.form-control-lg { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; - --bs-btn-font-size: 0.9375rem; + --bs-btn-font-size: 0.875rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); @@ -2967,9 +2923,7 @@ textarea.form-control-lg { text-align: center; vertical-align: middle; cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); @@ -3315,14 +3269,14 @@ textarea.form-control-lg { .btn-lg, .btn-group-lg > .btn { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; - --bs-btn-font-size: 1.171875rem; + --bs-btn-font-size: 1.09375rem; --bs-btn-border-radius: var(--bs-border-radius-lg); } .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; - --bs-btn-font-size: 0.8203125rem; + --bs-btn-font-size: 0.765625rem; --bs-btn-border-radius: var(--bs-border-radius-sm); } @@ -3395,7 +3349,7 @@ textarea.form-control-lg { --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; - --bs-dropdown-font-size: 0.9375rem; + --bs-dropdown-font-size: 0.875rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: #222; --bs-dropdown-border-color: #444; @@ -3653,7 +3607,7 @@ textarea.form-control-lg { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; - font-size: 0.8203125rem; + font-size: 0.765625rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } @@ -3930,15 +3884,15 @@ textarea.form-control-lg { --bs-navbar-hover-color: #fff; --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: #fff; - --bs-navbar-brand-padding-y: 0.32421875rem; + --bs-navbar-brand-padding-y: 0.3359375rem; --bs-navbar-brand-margin-end: 1rem; - --bs-navbar-brand-font-size: 1.171875rem; + --bs-navbar-brand-font-size: 1.09375rem; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; - --bs-navbar-toggler-font-size: 1.171875rem; + --bs-navbar-toggler-font-size: 1.09375rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28222, 226, 230, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(34, 34, 34, 0.1); --bs-navbar-toggler-border-radius: var(--bs-border-radius); @@ -4563,7 +4517,7 @@ textarea.form-control-lg { align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); - font-size: 0.9375rem; + font-size: 0.875rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); @@ -4707,7 +4661,7 @@ textarea.form-control-lg { .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; - --bs-pagination-font-size: 0.9375rem; + --bs-pagination-font-size: 0.875rem; --bs-pagination-color: #fff; --bs-pagination-bg: #00bc8c; --bs-pagination-border-width: 0; @@ -4786,14 +4740,14 @@ textarea.form-control-lg { .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; - --bs-pagination-font-size: 1.171875rem; + --bs-pagination-font-size: 1.09375rem; --bs-pagination-border-radius: var(--bs-border-radius-lg); } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; - --bs-pagination-font-size: 0.8203125rem; + --bs-pagination-font-size: 0.765625rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); } @@ -4927,7 +4881,7 @@ textarea.form-control-lg { .progress, .progress-stacked { --bs-progress-height: 1rem; - --bs-progress-font-size: 0.703125rem; + --bs-progress-font-size: 0.65625rem; --bs-progress-bg: #444; --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); @@ -5354,9 +5308,7 @@ textarea.form-control-lg { } .btn-close:disabled, .btn-close.disabled { pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } @@ -5406,7 +5358,6 @@ textarea.form-control-lg { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); - width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; @@ -5734,7 +5685,7 @@ textarea.form-control-lg { --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; - --bs-tooltip-font-size: 0.8203125rem; + --bs-tooltip-font-size: 0.765625rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); @@ -5833,7 +5784,7 @@ textarea.form-control-lg { .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; - --bs-popover-font-size: 0.8203125rem; + --bs-popover-font-size: 0.765625rem; --bs-popover-bg: #303030; --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); @@ -5842,7 +5793,7 @@ textarea.form-control-lg { --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; - --bs-popover-header-font-size: 0.9375rem; + --bs-popover-header-font-size: 0.875rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: #444; --bs-popover-body-padding-x: 1rem; @@ -6307,8 +6258,6 @@ textarea.form-control-lg { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } -} -@media (max-width: 575.98px) { .offcanvas-sm.offcanvas-end { top: 0; right: 0; @@ -6316,8 +6265,6 @@ textarea.form-control-lg { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } -} -@media (max-width: 575.98px) { .offcanvas-sm.offcanvas-top { top: 0; right: 0; @@ -6327,8 +6274,6 @@ textarea.form-control-lg { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } -} -@media (max-width: 575.98px) { .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; @@ -6337,13 +6282,9 @@ textarea.form-control-lg { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } -} -@media (max-width: 575.98px) { .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { transform: none; } -} -@media (max-width: 575.98px) { .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } @@ -6395,8 +6336,6 @@ textarea.form-control-lg { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } -} -@media (max-width: 767.98px) { .offcanvas-md.offcanvas-end { top: 0; right: 0; @@ -6404,8 +6343,6 @@ textarea.form-control-lg { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } -} -@media (max-width: 767.98px) { .offcanvas-md.offcanvas-top { top: 0; right: 0; @@ -6415,8 +6352,6 @@ textarea.form-control-lg { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } -} -@media (max-width: 767.98px) { .offcanvas-md.offcanvas-bottom { right: 0; left: 0; @@ -6425,13 +6360,9 @@ textarea.form-control-lg { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } -} -@media (max-width: 767.98px) { .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { transform: none; } -} -@media (max-width: 767.98px) { .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } @@ -6483,8 +6414,6 @@ textarea.form-control-lg { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } -} -@media (max-width: 991.98px) { .offcanvas-lg.offcanvas-end { top: 0; right: 0; @@ -6492,8 +6421,6 @@ textarea.form-control-lg { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } -} -@media (max-width: 991.98px) { .offcanvas-lg.offcanvas-top { top: 0; right: 0; @@ -6503,8 +6430,6 @@ textarea.form-control-lg { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } -} -@media (max-width: 991.98px) { .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; @@ -6513,13 +6438,9 @@ textarea.form-control-lg { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } -} -@media (max-width: 991.98px) { .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { transform: none; } -} -@media (max-width: 991.98px) { .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible; } @@ -6571,8 +6492,6 @@ textarea.form-control-lg { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } -} -@media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-end { top: 0; right: 0; @@ -6580,8 +6499,6 @@ textarea.form-control-lg { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } -} -@media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-top { top: 0; right: 0; @@ -6591,8 +6508,6 @@ textarea.form-control-lg { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } -} -@media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; @@ -6601,13 +6516,9 @@ textarea.form-control-lg { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } -} -@media (max-width: 1199.98px) { .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { transform: none; } -} -@media (max-width: 1199.98px) { .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible; } @@ -6659,8 +6570,6 @@ textarea.form-control-lg { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } -} -@media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-end { top: 0; right: 0; @@ -6668,8 +6577,6 @@ textarea.form-control-lg { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } -} -@media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-top { top: 0; right: 0; @@ -6679,8 +6586,6 @@ textarea.form-control-lg { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } -} -@media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; @@ -6689,13 +6594,9 @@ textarea.form-control-lg { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } -} -@media (max-width: 1399.98px) { .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { transform: none; } -} -@media (max-width: 1399.98px) { .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible; } @@ -6850,17 +6751,14 @@ textarea.form-control-lg { } } .placeholder-wave { - -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); - mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); - -webkit-mask-size: 200% 100%; - mask-size: 200% 100%; + mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { - -webkit-mask-position: -200% 0%; - mask-position: -200% 0%; + mask-position: -200% 0%; } } .clearfix::after { @@ -7233,28 +7131,23 @@ textarea.form-control-lg { } .object-fit-contain { - -o-object-fit: contain !important; - object-fit: contain !important; + object-fit: contain !important; } .object-fit-cover { - -o-object-fit: cover !important; - object-fit: cover !important; + object-fit: cover !important; } .object-fit-fill { - -o-object-fit: fill !important; - object-fit: fill !important; + object-fit: fill !important; } .object-fit-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; + object-fit: scale-down !important; } .object-fit-none { - -o-object-fit: none !important; - object-fit: none !important; + object-fit: none !important; } .opacity-0 { @@ -8334,33 +8227,27 @@ textarea.form-control-lg { } .column-gap-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; + column-gap: 0 !important; } .column-gap-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } .column-gap-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } .column-gap-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; + column-gap: 1rem !important; } .column-gap-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } .column-gap-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; + column-gap: 3rem !important; } .font-monospace { @@ -8380,15 +8267,15 @@ textarea.form-control-lg { } .fs-4 { - font-size: calc(1.265625rem + 0.1875vw) !important; + font-size: calc(1.25625rem + 0.075vw) !important; } .fs-5 { - font-size: 1.171875rem !important; + font-size: 1.09375rem !important; } .fs-6 { - font-size: 0.9375rem !important; + font-size: 0.875rem !important; } .fst-italic { @@ -8916,21 +8803,15 @@ textarea.form-control-lg { } .user-select-all { - -webkit-user-select: all !important; - -moz-user-select: all !important; - user-select: all !important; + user-select: all !important; } .user-select-auto { - -webkit-user-select: auto !important; - -moz-user-select: auto !important; - user-select: auto !important; + user-select: auto !important; } .user-select-none { - -webkit-user-select: none !important; - -moz-user-select: none !important; - user-select: none !important; + user-select: none !important; } .pe-none { @@ -9196,24 +9077,19 @@ textarea.form-control-lg { float: none !important; } .object-fit-sm-contain { - -o-object-fit: contain !important; - object-fit: contain !important; + object-fit: contain !important; } .object-fit-sm-cover { - -o-object-fit: cover !important; - object-fit: cover !important; + object-fit: cover !important; } .object-fit-sm-fill { - -o-object-fit: fill !important; - object-fit: fill !important; + object-fit: fill !important; } .object-fit-sm-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; + object-fit: scale-down !important; } .object-fit-sm-none { - -o-object-fit: none !important; - object-fit: none !important; + object-fit: none !important; } .d-sm-inline { display: inline !important; @@ -9713,28 +9589,22 @@ textarea.form-control-lg { row-gap: 3rem !important; } .column-gap-sm-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; + column-gap: 0 !important; } .column-gap-sm-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } .column-gap-sm-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } .column-gap-sm-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; + column-gap: 1rem !important; } .column-gap-sm-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } .column-gap-sm-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; + column-gap: 3rem !important; } .text-sm-start { text-align: left !important; @@ -9757,24 +9627,19 @@ textarea.form-control-lg { float: none !important; } .object-fit-md-contain { - -o-object-fit: contain !important; - object-fit: contain !important; + object-fit: contain !important; } .object-fit-md-cover { - -o-object-fit: cover !important; - object-fit: cover !important; + object-fit: cover !important; } .object-fit-md-fill { - -o-object-fit: fill !important; - object-fit: fill !important; + object-fit: fill !important; } .object-fit-md-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; + object-fit: scale-down !important; } .object-fit-md-none { - -o-object-fit: none !important; - object-fit: none !important; + object-fit: none !important; } .d-md-inline { display: inline !important; @@ -10274,28 +10139,22 @@ textarea.form-control-lg { row-gap: 3rem !important; } .column-gap-md-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; + column-gap: 0 !important; } .column-gap-md-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } .column-gap-md-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } .column-gap-md-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; + column-gap: 1rem !important; } .column-gap-md-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } .column-gap-md-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; + column-gap: 3rem !important; } .text-md-start { text-align: left !important; @@ -10318,24 +10177,19 @@ textarea.form-control-lg { float: none !important; } .object-fit-lg-contain { - -o-object-fit: contain !important; - object-fit: contain !important; + object-fit: contain !important; } .object-fit-lg-cover { - -o-object-fit: cover !important; - object-fit: cover !important; + object-fit: cover !important; } .object-fit-lg-fill { - -o-object-fit: fill !important; - object-fit: fill !important; + object-fit: fill !important; } .object-fit-lg-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; + object-fit: scale-down !important; } .object-fit-lg-none { - -o-object-fit: none !important; - object-fit: none !important; + object-fit: none !important; } .d-lg-inline { display: inline !important; @@ -10835,28 +10689,22 @@ textarea.form-control-lg { row-gap: 3rem !important; } .column-gap-lg-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; + column-gap: 0 !important; } .column-gap-lg-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } .column-gap-lg-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } .column-gap-lg-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; + column-gap: 1rem !important; } .column-gap-lg-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } .column-gap-lg-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; + column-gap: 3rem !important; } .text-lg-start { text-align: left !important; @@ -10879,24 +10727,19 @@ textarea.form-control-lg { float: none !important; } .object-fit-xl-contain { - -o-object-fit: contain !important; - object-fit: contain !important; + object-fit: contain !important; } .object-fit-xl-cover { - -o-object-fit: cover !important; - object-fit: cover !important; + object-fit: cover !important; } .object-fit-xl-fill { - -o-object-fit: fill !important; - object-fit: fill !important; + object-fit: fill !important; } .object-fit-xl-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; + object-fit: scale-down !important; } .object-fit-xl-none { - -o-object-fit: none !important; - object-fit: none !important; + object-fit: none !important; } .d-xl-inline { display: inline !important; @@ -11396,28 +11239,22 @@ textarea.form-control-lg { row-gap: 3rem !important; } .column-gap-xl-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; + column-gap: 0 !important; } .column-gap-xl-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } .column-gap-xl-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } .column-gap-xl-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; + column-gap: 1rem !important; } .column-gap-xl-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } .column-gap-xl-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; + column-gap: 3rem !important; } .text-xl-start { text-align: left !important; @@ -11440,24 +11277,19 @@ textarea.form-control-lg { float: none !important; } .object-fit-xxl-contain { - -o-object-fit: contain !important; - object-fit: contain !important; + object-fit: contain !important; } .object-fit-xxl-cover { - -o-object-fit: cover !important; - object-fit: cover !important; + object-fit: cover !important; } .object-fit-xxl-fill { - -o-object-fit: fill !important; - object-fit: fill !important; + object-fit: fill !important; } .object-fit-xxl-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; + object-fit: scale-down !important; } .object-fit-xxl-none { - -o-object-fit: none !important; - object-fit: none !important; + object-fit: none !important; } .d-xxl-inline { display: inline !important; @@ -11957,28 +11789,22 @@ textarea.form-control-lg { row-gap: 3rem !important; } .column-gap-xxl-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; + column-gap: 0 !important; } .column-gap-xxl-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } .column-gap-xxl-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } .column-gap-xxl-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; + column-gap: 1rem !important; } .column-gap-xxl-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } .column-gap-xxl-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; + column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; @@ -12001,7 +11827,7 @@ textarea.form-control-lg { font-size: 2rem !important; } .fs-4 { - font-size: 1.40625rem !important; + font-size: 1.3125rem !important; } } @media print { @@ -12038,4 +11864,6 @@ textarea.form-control-lg { .d-print-none { display: none !important; } -}/*# sourceMappingURL=darkly-compact.css.map */ \ No newline at end of file +} + +/*# sourceMappingURL=darkly-compact.css.map */ diff --git a/src/assets/css/themes/darkly-red.css b/src/assets/css/themes/darkly-red.css index 4a7459cd..1fc30a00 100644 --- a/src/assets/css/themes/darkly-red.css +++ b/src/assets/css/themes/darkly-red.css @@ -75,7 +75,7 @@ --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); - --bs-body-font-size: 0.9375rem; + --bs-body-font-size: 0.875rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #dee2e6; @@ -247,20 +247,20 @@ h3, .h3 { } h4, .h4 { - font-size: calc(1.265625rem + 0.1875vw); + font-size: calc(1.25625rem + 0.075vw); } @media (min-width: 1200px) { h4, .h4 { - font-size: 1.40625rem; + font-size: 1.3125rem; } } h5, .h5 { - font-size: 1.171875rem; + font-size: 1.09375rem; } h6, .h6 { - font-size: 0.9375rem; + font-size: 0.875rem; } p { @@ -586,7 +586,7 @@ progress { } .lead { - font-size: 1.171875rem; + font-size: 1.09375rem; font-weight: 300; } @@ -680,7 +680,7 @@ progress { .blockquote { margin-bottom: 1rem; - font-size: 1.171875rem; + font-size: 1.09375rem; } .blockquote > :last-child { margin-bottom: 0; @@ -2063,13 +2063,13 @@ progress { .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); - font-size: 1.171875rem; + font-size: 1.09375rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); - font-size: 0.8203125rem; + font-size: 0.765625rem; } .form-text { @@ -2082,7 +2082,7 @@ progress { display: block; width: 100%; padding: 0.375rem 0.75rem; - font-size: 0.9375rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #fff; @@ -2173,7 +2173,7 @@ progress { .form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; - font-size: 0.8203125rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::file-selector-button { @@ -2185,7 +2185,7 @@ progress { .form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; - font-size: 1.171875rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::file-selector-button { @@ -2232,7 +2232,7 @@ textarea.form-control-lg { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; - font-size: 0.9375rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #fff; @@ -2272,7 +2272,7 @@ textarea.form-control-lg { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; - font-size: 0.8203125rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } @@ -2280,7 +2280,7 @@ textarea.form-control-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; - font-size: 1.171875rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } @@ -2290,7 +2290,7 @@ textarea.form-control-lg { .form-check { display: block; - min-height: 1.40625rem; + min-height: 1.3125rem; padding-left: 1.5em; margin-bottom: 0.125rem; } @@ -2618,7 +2618,7 @@ textarea.form-control-lg { display: flex; align-items: center; padding: 0.375rem 0.75rem; - font-size: 0.9375rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #adb5bd; @@ -2634,7 +2634,7 @@ textarea.form-control-lg { .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; - font-size: 1.171875rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } @@ -2643,7 +2643,7 @@ textarea.form-control-lg { .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; - font-size: 0.8203125rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } @@ -2693,7 +2693,7 @@ textarea.form-control-lg { max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; - font-size: 0.8203125rem; + font-size: 0.765625rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); @@ -2783,7 +2783,7 @@ textarea.form-control-lg { max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; - font-size: 0.8203125rem; + font-size: 0.765625rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); @@ -2861,7 +2861,7 @@ textarea.form-control-lg { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; - --bs-btn-font-size: 0.9375rem; + --bs-btn-font-size: 0.875rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); @@ -3229,14 +3229,14 @@ textarea.form-control-lg { .btn-lg, .btn-group-lg > .btn { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; - --bs-btn-font-size: 1.171875rem; + --bs-btn-font-size: 1.09375rem; --bs-btn-border-radius: var(--bs-border-radius-lg); } .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; - --bs-btn-font-size: 0.8203125rem; + --bs-btn-font-size: 0.765625rem; --bs-btn-border-radius: var(--bs-border-radius-sm); } @@ -3309,7 +3309,7 @@ textarea.form-control-lg { --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; - --bs-dropdown-font-size: 0.9375rem; + --bs-dropdown-font-size: 0.875rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: #222; --bs-dropdown-border-color: #444; @@ -3567,7 +3567,7 @@ textarea.form-control-lg { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; - font-size: 0.8203125rem; + font-size: 0.765625rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } @@ -3844,15 +3844,15 @@ textarea.form-control-lg { --bs-navbar-hover-color: #fff; --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: #fff; - --bs-navbar-brand-padding-y: 0.32421875rem; + --bs-navbar-brand-padding-y: 0.3359375rem; --bs-navbar-brand-margin-end: 1rem; - --bs-navbar-brand-font-size: 1.171875rem; + --bs-navbar-brand-font-size: 1.09375rem; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; - --bs-navbar-toggler-font-size: 1.171875rem; + --bs-navbar-toggler-font-size: 1.09375rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28222, 226, 230, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(34, 34, 34, 0.1); --bs-navbar-toggler-border-radius: var(--bs-border-radius); @@ -4477,7 +4477,7 @@ textarea.form-control-lg { align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); - font-size: 0.9375rem; + font-size: 0.875rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); @@ -4621,7 +4621,7 @@ textarea.form-control-lg { .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; - --bs-pagination-font-size: 0.9375rem; + --bs-pagination-font-size: 0.875rem; --bs-pagination-color: #fff; --bs-pagination-bg: #00bc8c; --bs-pagination-border-width: 0; @@ -4700,14 +4700,14 @@ textarea.form-control-lg { .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; - --bs-pagination-font-size: 1.171875rem; + --bs-pagination-font-size: 1.09375rem; --bs-pagination-border-radius: var(--bs-border-radius-lg); } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; - --bs-pagination-font-size: 0.8203125rem; + --bs-pagination-font-size: 0.765625rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); } @@ -4841,7 +4841,7 @@ textarea.form-control-lg { .progress, .progress-stacked { --bs-progress-height: 1rem; - --bs-progress-font-size: 0.703125rem; + --bs-progress-font-size: 0.65625rem; --bs-progress-bg: #444; --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); @@ -5645,7 +5645,7 @@ textarea.form-control-lg { --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; - --bs-tooltip-font-size: 0.8203125rem; + --bs-tooltip-font-size: 0.765625rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); @@ -5744,7 +5744,7 @@ textarea.form-control-lg { .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; - --bs-popover-font-size: 0.8203125rem; + --bs-popover-font-size: 0.765625rem; --bs-popover-bg: #303030; --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); @@ -5753,7 +5753,7 @@ textarea.form-control-lg { --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; - --bs-popover-header-font-size: 0.9375rem; + --bs-popover-header-font-size: 0.875rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: #444; --bs-popover-body-padding-x: 1rem; @@ -8227,15 +8227,15 @@ textarea.form-control-lg { } .fs-4 { - font-size: calc(1.265625rem + 0.1875vw) !important; + font-size: calc(1.25625rem + 0.075vw) !important; } .fs-5 { - font-size: 1.171875rem !important; + font-size: 1.09375rem !important; } .fs-6 { - font-size: 0.9375rem !important; + font-size: 0.875rem !important; } .fst-italic { @@ -11787,7 +11787,7 @@ textarea.form-control-lg { font-size: 2rem !important; } .fs-4 { - font-size: 1.40625rem !important; + font-size: 1.3125rem !important; } } @media print { diff --git a/src/assets/css/themes/darkly.css b/src/assets/css/themes/darkly.css index e8ac2263..a1dd3a0f 100644 --- a/src/assets/css/themes/darkly.css +++ b/src/assets/css/themes/darkly.css @@ -75,7 +75,7 @@ --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); - --bs-body-font-size: 0.9375rem; + --bs-body-font-size: 0.875rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #dee2e6; @@ -247,20 +247,20 @@ h3, .h3 { } h4, .h4 { - font-size: calc(1.265625rem + 0.1875vw); + font-size: calc(1.25625rem + 0.075vw); } @media (min-width: 1200px) { h4, .h4 { - font-size: 1.40625rem; + font-size: 1.3125rem; } } h5, .h5 { - font-size: 1.171875rem; + font-size: 1.09375rem; } h6, .h6 { - font-size: 0.9375rem; + font-size: 0.875rem; } p { @@ -586,7 +586,7 @@ progress { } .lead { - font-size: 1.171875rem; + font-size: 1.09375rem; font-weight: 300; } @@ -680,7 +680,7 @@ progress { .blockquote { margin-bottom: 1rem; - font-size: 1.171875rem; + font-size: 1.09375rem; } .blockquote > :last-child { margin-bottom: 0; @@ -2063,13 +2063,13 @@ progress { .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); - font-size: 1.171875rem; + font-size: 1.09375rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); - font-size: 0.8203125rem; + font-size: 0.765625rem; } .form-text { @@ -2082,7 +2082,7 @@ progress { display: block; width: 100%; padding: 0.375rem 0.75rem; - font-size: 0.9375rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #fff; @@ -2173,7 +2173,7 @@ progress { .form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; - font-size: 0.8203125rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::file-selector-button { @@ -2185,7 +2185,7 @@ progress { .form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; - font-size: 1.171875rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::file-selector-button { @@ -2232,7 +2232,7 @@ textarea.form-control-lg { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; - font-size: 0.9375rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #fff; @@ -2272,7 +2272,7 @@ textarea.form-control-lg { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; - font-size: 0.8203125rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } @@ -2280,7 +2280,7 @@ textarea.form-control-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; - font-size: 1.171875rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } @@ -2290,7 +2290,7 @@ textarea.form-control-lg { .form-check { display: block; - min-height: 1.40625rem; + min-height: 1.3125rem; padding-left: 1.5em; margin-bottom: 0.125rem; } @@ -2618,7 +2618,7 @@ textarea.form-control-lg { display: flex; align-items: center; padding: 0.375rem 0.75rem; - font-size: 0.9375rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #adb5bd; @@ -2634,7 +2634,7 @@ textarea.form-control-lg { .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; - font-size: 1.171875rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } @@ -2643,7 +2643,7 @@ textarea.form-control-lg { .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; - font-size: 0.8203125rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } @@ -2693,7 +2693,7 @@ textarea.form-control-lg { max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; - font-size: 0.8203125rem; + font-size: 0.765625rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); @@ -2783,7 +2783,7 @@ textarea.form-control-lg { max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; - font-size: 0.8203125rem; + font-size: 0.765625rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); @@ -2861,7 +2861,7 @@ textarea.form-control-lg { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; - --bs-btn-font-size: 0.9375rem; + --bs-btn-font-size: 0.875rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); @@ -3229,14 +3229,14 @@ textarea.form-control-lg { .btn-lg, .btn-group-lg > .btn { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; - --bs-btn-font-size: 1.171875rem; + --bs-btn-font-size: 1.09375rem; --bs-btn-border-radius: var(--bs-border-radius-lg); } .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; - --bs-btn-font-size: 0.8203125rem; + --bs-btn-font-size: 0.765625rem; --bs-btn-border-radius: var(--bs-border-radius-sm); } @@ -3309,7 +3309,7 @@ textarea.form-control-lg { --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; - --bs-dropdown-font-size: 0.9375rem; + --bs-dropdown-font-size: 0.875rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: #222; --bs-dropdown-border-color: #444; @@ -3567,7 +3567,7 @@ textarea.form-control-lg { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; - font-size: 0.8203125rem; + font-size: 0.765625rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } @@ -3844,15 +3844,15 @@ textarea.form-control-lg { --bs-navbar-hover-color: #fff; --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: #fff; - --bs-navbar-brand-padding-y: 0.32421875rem; + --bs-navbar-brand-padding-y: 0.3359375rem; --bs-navbar-brand-margin-end: 1rem; - --bs-navbar-brand-font-size: 1.171875rem; + --bs-navbar-brand-font-size: 1.09375rem; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; - --bs-navbar-toggler-font-size: 1.171875rem; + --bs-navbar-toggler-font-size: 1.09375rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28222, 226, 230, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(34, 34, 34, 0.1); --bs-navbar-toggler-border-radius: var(--bs-border-radius); @@ -4477,7 +4477,7 @@ textarea.form-control-lg { align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); - font-size: 0.9375rem; + font-size: 0.875rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); @@ -4621,7 +4621,7 @@ textarea.form-control-lg { .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; - --bs-pagination-font-size: 0.9375rem; + --bs-pagination-font-size: 0.875rem; --bs-pagination-color: #fff; --bs-pagination-bg: #00bc8c; --bs-pagination-border-width: 0; @@ -4700,14 +4700,14 @@ textarea.form-control-lg { .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; - --bs-pagination-font-size: 1.171875rem; + --bs-pagination-font-size: 1.09375rem; --bs-pagination-border-radius: var(--bs-border-radius-lg); } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; - --bs-pagination-font-size: 0.8203125rem; + --bs-pagination-font-size: 0.765625rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); } @@ -4841,7 +4841,7 @@ textarea.form-control-lg { .progress, .progress-stacked { --bs-progress-height: 1rem; - --bs-progress-font-size: 0.703125rem; + --bs-progress-font-size: 0.65625rem; --bs-progress-bg: #444; --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); @@ -5645,7 +5645,7 @@ textarea.form-control-lg { --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; - --bs-tooltip-font-size: 0.8203125rem; + --bs-tooltip-font-size: 0.765625rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); @@ -5744,7 +5744,7 @@ textarea.form-control-lg { .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; - --bs-popover-font-size: 0.8203125rem; + --bs-popover-font-size: 0.765625rem; --bs-popover-bg: #303030; --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); @@ -5753,7 +5753,7 @@ textarea.form-control-lg { --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; - --bs-popover-header-font-size: 0.9375rem; + --bs-popover-header-font-size: 0.875rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: #444; --bs-popover-body-padding-x: 1rem; @@ -8227,15 +8227,15 @@ textarea.form-control-lg { } .fs-4 { - font-size: calc(1.265625rem + 0.1875vw) !important; + font-size: calc(1.25625rem + 0.075vw) !important; } .fs-5 { - font-size: 1.171875rem !important; + font-size: 1.09375rem !important; } .fs-6 { - font-size: 0.9375rem !important; + font-size: 0.875rem !important; } .fst-italic { @@ -11787,7 +11787,7 @@ textarea.form-control-lg { font-size: 2rem !important; } .fs-4 { - font-size: 1.40625rem !important; + font-size: 1.3125rem !important; } } @media print { diff --git a/src/assets/css/themes/litely-compact.css b/src/assets/css/themes/litely-compact.css index 3cfc3474..cfb1e0a4 100644 --- a/src/assets/css/themes/litely-compact.css +++ b/src/assets/css/themes/litely-compact.css @@ -115,7 +115,7 @@ hr.my-3 { --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); - --bs-body-font-size: 1rem; + --bs-body-font-size: 0.875rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #495057; @@ -260,47 +260,47 @@ h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { } h1, .h1 { - font-size: calc(1.375rem + 1.5vw); + font-size: calc(1.34375rem + 1.125vw); } @media (min-width: 1200px) { h1, .h1 { - font-size: 2.5rem; + font-size: 2.1875rem; } } h2, .h2 { - font-size: calc(1.325rem + 0.9vw); -} -@media (min-width: 1200px) { - h2, .h2 { - font-size: 2rem; - } -} - -h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { - h3, .h3 { + h2, .h2 { font-size: 1.75rem; } } +h3, .h3 { + font-size: calc(1.278125rem + 0.3375vw); +} +@media (min-width: 1200px) { + h3, .h3 { + font-size: 1.53125rem; + } +} + h4, .h4 { - font-size: calc(1.275rem + 0.3vw); + font-size: calc(1.25625rem + 0.075vw); } @media (min-width: 1200px) { h4, .h4 { - font-size: 1.5rem; + font-size: 1.3125rem; } } h5, .h5 { - font-size: 1.25rem; + font-size: 1.09375rem; } h6, .h6 { - font-size: 1rem; + font-size: 0.875rem; } p { @@ -309,11 +309,9 @@ p { } abbr[title] { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; + text-decoration: underline dotted; cursor: help; - -webkit-text-decoration-skip-ink: none; - text-decoration-skip-ink: none; + text-decoration-skip-ink: none; } address { @@ -627,7 +625,7 @@ progress { } .lead { - font-size: 1.25rem; + font-size: 1.09375rem; font-weight: 300; } @@ -721,7 +719,7 @@ progress { .blockquote { margin-bottom: 1rem; - font-size: 1.25rem; + font-size: 1.09375rem; } .blockquote > :last-child { margin-bottom: 0; @@ -2104,13 +2102,13 @@ progress { .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); - font-size: 1.25rem; + font-size: 1.09375rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); - font-size: 0.875rem; + font-size: 0.765625rem; } .form-text { @@ -2123,16 +2121,14 @@ progress { display: block; width: 100%; padding: 0.375rem 0.75rem; - font-size: 1rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + appearance: none; border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @@ -2163,10 +2159,6 @@ progress { display: block; padding: 0; } -.form-control::-moz-placeholder { - color: var(--bs-secondary-color); - opacity: 1; -} .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; @@ -2178,8 +2170,7 @@ progress { .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; - -webkit-margin-end: 0.75rem; - margin-inline-end: 0.75rem; + margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; @@ -2221,27 +2212,25 @@ progress { .form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; - font-size: 0.875rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; - -webkit-margin-end: 0.5rem; - margin-inline-end: 0.5rem; + margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; - font-size: 1.25rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; - -webkit-margin-end: 1rem; - margin-inline-end: 1rem; + margin-inline-end: 1rem; } textarea.form-control { @@ -2282,7 +2271,7 @@ textarea.form-control-lg { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; - font-size: 1rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); @@ -2294,9 +2283,7 @@ textarea.form-control-lg { border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + appearance: none; } @media (prefers-reduced-motion: reduce) { .form-select { @@ -2324,7 +2311,7 @@ textarea.form-control-lg { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; - font-size: 0.875rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } @@ -2332,7 +2319,7 @@ textarea.form-control-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; - font-size: 1.25rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } @@ -2342,7 +2329,7 @@ textarea.form-control-lg { .form-check { display: block; - min-height: 1.5rem; + min-height: 1.3125rem; padding-left: 1.5em; margin-bottom: 0.125rem; } @@ -2374,11 +2361,8 @@ textarea.form-control-lg { background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - -webkit-print-color-adjust: exact; - print-color-adjust: exact; + appearance: none; + print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; @@ -2477,9 +2461,7 @@ textarea.form-control-lg { height: 1.5rem; padding: 0; background-color: transparent; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + appearance: none; } .form-range:focus { outline: 0; @@ -2500,14 +2482,11 @@ textarea.form-control-lg { background-color: #f1641e; border: 0; border-radius: 1rem; - -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - -webkit-appearance: none; - appearance: none; + appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { - -webkit-transition: none; transition: none; } } @@ -2529,14 +2508,11 @@ textarea.form-control-lg { background-color: #f1641e; border: 0; border-radius: 1rem; - -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - -moz-appearance: none; - appearance: none; + appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { - -moz-transition: none; transition: none; } } @@ -2597,17 +2573,10 @@ textarea.form-control-lg { .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; } -.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder { - color: transparent; -} .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: transparent; } -.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) { - padding-top: 1.625rem; - padding-bottom: 0.625rem; -} .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) { @@ -2623,10 +2592,6 @@ textarea.form-control-lg { padding-top: 1.625rem; padding-bottom: 0.625rem; } -.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { - color: rgba(var(--bs-body-color-rgb), 0.65); - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); -} .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, @@ -2634,15 +2599,6 @@ textarea.form-control-lg { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } -.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after { - position: absolute; - inset: 1rem 0.375rem; - z-index: -1; - height: 1.5em; - content: ""; - background-color: var(--bs-body-bg); - border-radius: var(--bs-border-radius); -} .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, @@ -2701,7 +2657,7 @@ textarea.form-control-lg { display: flex; align-items: center; padding: 0.375rem 0.75rem; - font-size: 1rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); @@ -2717,7 +2673,7 @@ textarea.form-control-lg { .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; - font-size: 1.25rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } @@ -2726,7 +2682,7 @@ textarea.form-control-lg { .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; - font-size: 0.875rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } @@ -2776,7 +2732,7 @@ textarea.form-control-lg { max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; - font-size: 0.875rem; + font-size: 0.765625rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); @@ -2866,7 +2822,7 @@ textarea.form-control-lg { max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; - font-size: 0.875rem; + font-size: 0.765625rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); @@ -2944,7 +2900,7 @@ textarea.form-control-lg { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; - --bs-btn-font-size: 1rem; + --bs-btn-font-size: 0.875rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); @@ -2966,9 +2922,7 @@ textarea.form-control-lg { text-align: center; vertical-align: middle; cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); @@ -3314,14 +3268,14 @@ textarea.form-control-lg { .btn-lg, .btn-group-lg > .btn { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; - --bs-btn-font-size: 1.25rem; + --bs-btn-font-size: 1.09375rem; --bs-btn-border-radius: var(--bs-border-radius-lg); } .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; - --bs-btn-font-size: 0.875rem; + --bs-btn-font-size: 0.765625rem; --bs-btn-border-radius: var(--bs-border-radius-sm); } @@ -3394,7 +3348,7 @@ textarea.form-control-lg { --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; - --bs-dropdown-font-size: 1rem; + --bs-dropdown-font-size: 0.875rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); @@ -3652,7 +3606,7 @@ textarea.form-control-lg { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; - font-size: 0.875rem; + font-size: 0.765625rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } @@ -3929,15 +3883,15 @@ textarea.form-control-lg { --bs-navbar-hover-color: #212529; --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: #212529; - --bs-navbar-brand-padding-y: 0.3125rem; + --bs-navbar-brand-padding-y: 0.3359375rem; --bs-navbar-brand-margin-end: 1rem; - --bs-navbar-brand-font-size: 1.25rem; + --bs-navbar-brand-font-size: 1.09375rem; --bs-navbar-brand-color: #212529; --bs-navbar-brand-hover-color: #212529; --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; - --bs-navbar-toggler-font-size: 1.25rem; + --bs-navbar-toggler-font-size: 1.09375rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2873, 80, 87, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); @@ -4562,7 +4516,7 @@ textarea.form-control-lg { align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); - font-size: 1rem; + font-size: 0.875rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); @@ -4706,7 +4660,7 @@ textarea.form-control-lg { .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; - --bs-pagination-font-size: 1rem; + --bs-pagination-font-size: 0.875rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); @@ -4785,14 +4739,14 @@ textarea.form-control-lg { .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; - --bs-pagination-font-size: 1.25rem; + --bs-pagination-font-size: 1.09375rem; --bs-pagination-border-radius: var(--bs-border-radius-lg); } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; - --bs-pagination-font-size: 0.875rem; + --bs-pagination-font-size: 0.765625rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); } @@ -4926,7 +4880,7 @@ textarea.form-control-lg { .progress, .progress-stacked { --bs-progress-height: 1rem; - --bs-progress-font-size: 0.75rem; + --bs-progress-font-size: 0.65625rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); @@ -5353,9 +5307,7 @@ textarea.form-control-lg { } .btn-close:disabled, .btn-close.disabled { pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } @@ -5405,7 +5357,6 @@ textarea.form-control-lg { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); - width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; @@ -5733,7 +5684,7 @@ textarea.form-control-lg { --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; - --bs-tooltip-font-size: 0.875rem; + --bs-tooltip-font-size: 0.765625rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); @@ -5832,7 +5783,7 @@ textarea.form-control-lg { .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; - --bs-popover-font-size: 0.875rem; + --bs-popover-font-size: 0.765625rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); @@ -5841,7 +5792,7 @@ textarea.form-control-lg { --bs-popover-box-shadow: 0 0.5rem 1rem rgba(34, 34, 34, 0.15); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; - --bs-popover-header-font-size: 1rem; + --bs-popover-header-font-size: 0.875rem; --bs-popover-header-color: #495057; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; @@ -6306,8 +6257,6 @@ textarea.form-control-lg { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } -} -@media (max-width: 575.98px) { .offcanvas-sm.offcanvas-end { top: 0; right: 0; @@ -6315,8 +6264,6 @@ textarea.form-control-lg { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } -} -@media (max-width: 575.98px) { .offcanvas-sm.offcanvas-top { top: 0; right: 0; @@ -6326,8 +6273,6 @@ textarea.form-control-lg { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } -} -@media (max-width: 575.98px) { .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; @@ -6336,13 +6281,9 @@ textarea.form-control-lg { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } -} -@media (max-width: 575.98px) { .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { transform: none; } -} -@media (max-width: 575.98px) { .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } @@ -6394,8 +6335,6 @@ textarea.form-control-lg { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } -} -@media (max-width: 767.98px) { .offcanvas-md.offcanvas-end { top: 0; right: 0; @@ -6403,8 +6342,6 @@ textarea.form-control-lg { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } -} -@media (max-width: 767.98px) { .offcanvas-md.offcanvas-top { top: 0; right: 0; @@ -6414,8 +6351,6 @@ textarea.form-control-lg { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } -} -@media (max-width: 767.98px) { .offcanvas-md.offcanvas-bottom { right: 0; left: 0; @@ -6424,13 +6359,9 @@ textarea.form-control-lg { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } -} -@media (max-width: 767.98px) { .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { transform: none; } -} -@media (max-width: 767.98px) { .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } @@ -6482,8 +6413,6 @@ textarea.form-control-lg { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } -} -@media (max-width: 991.98px) { .offcanvas-lg.offcanvas-end { top: 0; right: 0; @@ -6491,8 +6420,6 @@ textarea.form-control-lg { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } -} -@media (max-width: 991.98px) { .offcanvas-lg.offcanvas-top { top: 0; right: 0; @@ -6502,8 +6429,6 @@ textarea.form-control-lg { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } -} -@media (max-width: 991.98px) { .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; @@ -6512,13 +6437,9 @@ textarea.form-control-lg { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } -} -@media (max-width: 991.98px) { .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { transform: none; } -} -@media (max-width: 991.98px) { .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible; } @@ -6570,8 +6491,6 @@ textarea.form-control-lg { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } -} -@media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-end { top: 0; right: 0; @@ -6579,8 +6498,6 @@ textarea.form-control-lg { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } -} -@media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-top { top: 0; right: 0; @@ -6590,8 +6507,6 @@ textarea.form-control-lg { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } -} -@media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; @@ -6600,13 +6515,9 @@ textarea.form-control-lg { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } -} -@media (max-width: 1199.98px) { .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { transform: none; } -} -@media (max-width: 1199.98px) { .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible; } @@ -6658,8 +6569,6 @@ textarea.form-control-lg { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } -} -@media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-end { top: 0; right: 0; @@ -6667,8 +6576,6 @@ textarea.form-control-lg { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } -} -@media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-top { top: 0; right: 0; @@ -6678,8 +6585,6 @@ textarea.form-control-lg { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } -} -@media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; @@ -6688,13 +6593,9 @@ textarea.form-control-lg { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } -} -@media (max-width: 1399.98px) { .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { transform: none; } -} -@media (max-width: 1399.98px) { .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible; } @@ -6849,17 +6750,14 @@ textarea.form-control-lg { } } .placeholder-wave { - -webkit-mask-image: linear-gradient(130deg, #222 55%, rgba(0, 0, 0, 0.8) 75%, #222 95%); - mask-image: linear-gradient(130deg, #222 55%, rgba(0, 0, 0, 0.8) 75%, #222 95%); - -webkit-mask-size: 200% 100%; - mask-size: 200% 100%; + mask-image: linear-gradient(130deg, #222 55%, rgba(0, 0, 0, 0.8) 75%, #222 95%); + mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { - -webkit-mask-position: -200% 0%; - mask-position: -200% 0%; + mask-position: -200% 0%; } } .clearfix::after { @@ -7232,28 +7130,23 @@ textarea.form-control-lg { } .object-fit-contain { - -o-object-fit: contain !important; - object-fit: contain !important; + object-fit: contain !important; } .object-fit-cover { - -o-object-fit: cover !important; - object-fit: cover !important; + object-fit: cover !important; } .object-fit-fill { - -o-object-fit: fill !important; - object-fit: fill !important; + object-fit: fill !important; } .object-fit-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; + object-fit: scale-down !important; } .object-fit-none { - -o-object-fit: none !important; - object-fit: none !important; + object-fit: none !important; } .opacity-0 { @@ -8333,33 +8226,27 @@ textarea.form-control-lg { } .column-gap-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; + column-gap: 0 !important; } .column-gap-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } .column-gap-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } .column-gap-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; + column-gap: 1rem !important; } .column-gap-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } .column-gap-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; + column-gap: 3rem !important; } .font-monospace { @@ -8367,27 +8254,27 @@ textarea.form-control-lg { } .fs-1 { - font-size: calc(1.375rem + 1.5vw) !important; + font-size: calc(1.34375rem + 1.125vw) !important; } .fs-2 { - font-size: calc(1.325rem + 0.9vw) !important; -} - -.fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } +.fs-3 { + font-size: calc(1.278125rem + 0.3375vw) !important; +} + .fs-4 { - font-size: calc(1.275rem + 0.3vw) !important; + font-size: calc(1.25625rem + 0.075vw) !important; } .fs-5 { - font-size: 1.25rem !important; + font-size: 1.09375rem !important; } .fs-6 { - font-size: 1rem !important; + font-size: 0.875rem !important; } .fst-italic { @@ -8915,21 +8802,15 @@ textarea.form-control-lg { } .user-select-all { - -webkit-user-select: all !important; - -moz-user-select: all !important; - user-select: all !important; + user-select: all !important; } .user-select-auto { - -webkit-user-select: auto !important; - -moz-user-select: auto !important; - user-select: auto !important; + user-select: auto !important; } .user-select-none { - -webkit-user-select: none !important; - -moz-user-select: none !important; - user-select: none !important; + user-select: none !important; } .pe-none { @@ -9195,24 +9076,19 @@ textarea.form-control-lg { float: none !important; } .object-fit-sm-contain { - -o-object-fit: contain !important; - object-fit: contain !important; + object-fit: contain !important; } .object-fit-sm-cover { - -o-object-fit: cover !important; - object-fit: cover !important; + object-fit: cover !important; } .object-fit-sm-fill { - -o-object-fit: fill !important; - object-fit: fill !important; + object-fit: fill !important; } .object-fit-sm-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; + object-fit: scale-down !important; } .object-fit-sm-none { - -o-object-fit: none !important; - object-fit: none !important; + object-fit: none !important; } .d-sm-inline { display: inline !important; @@ -9712,28 +9588,22 @@ textarea.form-control-lg { row-gap: 3rem !important; } .column-gap-sm-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; + column-gap: 0 !important; } .column-gap-sm-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } .column-gap-sm-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } .column-gap-sm-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; + column-gap: 1rem !important; } .column-gap-sm-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } .column-gap-sm-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; + column-gap: 3rem !important; } .text-sm-start { text-align: left !important; @@ -9756,24 +9626,19 @@ textarea.form-control-lg { float: none !important; } .object-fit-md-contain { - -o-object-fit: contain !important; - object-fit: contain !important; + object-fit: contain !important; } .object-fit-md-cover { - -o-object-fit: cover !important; - object-fit: cover !important; + object-fit: cover !important; } .object-fit-md-fill { - -o-object-fit: fill !important; - object-fit: fill !important; + object-fit: fill !important; } .object-fit-md-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; + object-fit: scale-down !important; } .object-fit-md-none { - -o-object-fit: none !important; - object-fit: none !important; + object-fit: none !important; } .d-md-inline { display: inline !important; @@ -10273,28 +10138,22 @@ textarea.form-control-lg { row-gap: 3rem !important; } .column-gap-md-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; + column-gap: 0 !important; } .column-gap-md-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } .column-gap-md-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } .column-gap-md-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; + column-gap: 1rem !important; } .column-gap-md-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } .column-gap-md-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; + column-gap: 3rem !important; } .text-md-start { text-align: left !important; @@ -10317,24 +10176,19 @@ textarea.form-control-lg { float: none !important; } .object-fit-lg-contain { - -o-object-fit: contain !important; - object-fit: contain !important; + object-fit: contain !important; } .object-fit-lg-cover { - -o-object-fit: cover !important; - object-fit: cover !important; + object-fit: cover !important; } .object-fit-lg-fill { - -o-object-fit: fill !important; - object-fit: fill !important; + object-fit: fill !important; } .object-fit-lg-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; + object-fit: scale-down !important; } .object-fit-lg-none { - -o-object-fit: none !important; - object-fit: none !important; + object-fit: none !important; } .d-lg-inline { display: inline !important; @@ -10834,28 +10688,22 @@ textarea.form-control-lg { row-gap: 3rem !important; } .column-gap-lg-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; + column-gap: 0 !important; } .column-gap-lg-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } .column-gap-lg-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } .column-gap-lg-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; + column-gap: 1rem !important; } .column-gap-lg-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } .column-gap-lg-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; + column-gap: 3rem !important; } .text-lg-start { text-align: left !important; @@ -10878,24 +10726,19 @@ textarea.form-control-lg { float: none !important; } .object-fit-xl-contain { - -o-object-fit: contain !important; - object-fit: contain !important; + object-fit: contain !important; } .object-fit-xl-cover { - -o-object-fit: cover !important; - object-fit: cover !important; + object-fit: cover !important; } .object-fit-xl-fill { - -o-object-fit: fill !important; - object-fit: fill !important; + object-fit: fill !important; } .object-fit-xl-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; + object-fit: scale-down !important; } .object-fit-xl-none { - -o-object-fit: none !important; - object-fit: none !important; + object-fit: none !important; } .d-xl-inline { display: inline !important; @@ -11395,28 +11238,22 @@ textarea.form-control-lg { row-gap: 3rem !important; } .column-gap-xl-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; + column-gap: 0 !important; } .column-gap-xl-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } .column-gap-xl-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } .column-gap-xl-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; + column-gap: 1rem !important; } .column-gap-xl-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } .column-gap-xl-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; + column-gap: 3rem !important; } .text-xl-start { text-align: left !important; @@ -11439,24 +11276,19 @@ textarea.form-control-lg { float: none !important; } .object-fit-xxl-contain { - -o-object-fit: contain !important; - object-fit: contain !important; + object-fit: contain !important; } .object-fit-xxl-cover { - -o-object-fit: cover !important; - object-fit: cover !important; + object-fit: cover !important; } .object-fit-xxl-fill { - -o-object-fit: fill !important; - object-fit: fill !important; + object-fit: fill !important; } .object-fit-xxl-scale { - -o-object-fit: scale-down !important; - object-fit: scale-down !important; + object-fit: scale-down !important; } .object-fit-xxl-none { - -o-object-fit: none !important; - object-fit: none !important; + object-fit: none !important; } .d-xxl-inline { display: inline !important; @@ -11956,28 +11788,22 @@ textarea.form-control-lg { row-gap: 3rem !important; } .column-gap-xxl-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; + column-gap: 0 !important; } .column-gap-xxl-1 { - -moz-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } .column-gap-xxl-2 { - -moz-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } .column-gap-xxl-3 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; + column-gap: 1rem !important; } .column-gap-xxl-4 { - -moz-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } .column-gap-xxl-5 { - -moz-column-gap: 3rem !important; - column-gap: 3rem !important; + column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; @@ -11991,16 +11817,16 @@ textarea.form-control-lg { } @media (min-width: 1200px) { .fs-1 { - font-size: 2.5rem !important; + font-size: 2.1875rem !important; } .fs-2 { - font-size: 2rem !important; - } - .fs-3 { font-size: 1.75rem !important; } + .fs-3 { + font-size: 1.53125rem !important; + } .fs-4 { - font-size: 1.5rem !important; + font-size: 1.3125rem !important; } } @media print { @@ -12037,4 +11863,6 @@ textarea.form-control-lg { .d-print-none { display: none !important; } -}/*# sourceMappingURL=litely-compact.css.map */ \ No newline at end of file +} + +/*# sourceMappingURL=litely-compact.css.map */ diff --git a/src/assets/css/themes/litely-red.css b/src/assets/css/themes/litely-red.css index ba1a7f88..d620d189 100644 --- a/src/assets/css/themes/litely-red.css +++ b/src/assets/css/themes/litely-red.css @@ -75,7 +75,7 @@ --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); - --bs-body-font-size: 1rem; + --bs-body-font-size: 0.875rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #495057; @@ -220,47 +220,47 @@ h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { } h1, .h1 { - font-size: calc(1.375rem + 1.5vw); + font-size: calc(1.34375rem + 1.125vw); } @media (min-width: 1200px) { h1, .h1 { - font-size: 2.5rem; + font-size: 2.1875rem; } } h2, .h2 { - font-size: calc(1.325rem + 0.9vw); -} -@media (min-width: 1200px) { - h2, .h2 { - font-size: 2rem; - } -} - -h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { - h3, .h3 { + h2, .h2 { font-size: 1.75rem; } } +h3, .h3 { + font-size: calc(1.278125rem + 0.3375vw); +} +@media (min-width: 1200px) { + h3, .h3 { + font-size: 1.53125rem; + } +} + h4, .h4 { - font-size: calc(1.275rem + 0.3vw); + font-size: calc(1.25625rem + 0.075vw); } @media (min-width: 1200px) { h4, .h4 { - font-size: 1.5rem; + font-size: 1.3125rem; } } h5, .h5 { - font-size: 1.25rem; + font-size: 1.09375rem; } h6, .h6 { - font-size: 1rem; + font-size: 0.875rem; } p { @@ -585,7 +585,7 @@ progress { } .lead { - font-size: 1.25rem; + font-size: 1.09375rem; font-weight: 300; } @@ -679,7 +679,7 @@ progress { .blockquote { margin-bottom: 1rem; - font-size: 1.25rem; + font-size: 1.09375rem; } .blockquote > :last-child { margin-bottom: 0; @@ -2062,13 +2062,13 @@ progress { .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); - font-size: 1.25rem; + font-size: 1.09375rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); - font-size: 0.875rem; + font-size: 0.765625rem; } .form-text { @@ -2081,7 +2081,7 @@ progress { display: block; width: 100%; padding: 0.375rem 0.75rem; - font-size: 1rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); @@ -2172,7 +2172,7 @@ progress { .form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; - font-size: 0.875rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::file-selector-button { @@ -2184,7 +2184,7 @@ progress { .form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; - font-size: 1.25rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::file-selector-button { @@ -2231,7 +2231,7 @@ textarea.form-control-lg { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; - font-size: 1rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); @@ -2271,7 +2271,7 @@ textarea.form-control-lg { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; - font-size: 0.875rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } @@ -2279,7 +2279,7 @@ textarea.form-control-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; - font-size: 1.25rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } @@ -2289,7 +2289,7 @@ textarea.form-control-lg { .form-check { display: block; - min-height: 1.5rem; + min-height: 1.3125rem; padding-left: 1.5em; margin-bottom: 0.125rem; } @@ -2617,7 +2617,7 @@ textarea.form-control-lg { display: flex; align-items: center; padding: 0.375rem 0.75rem; - font-size: 1rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); @@ -2633,7 +2633,7 @@ textarea.form-control-lg { .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; - font-size: 1.25rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } @@ -2642,7 +2642,7 @@ textarea.form-control-lg { .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; - font-size: 0.875rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } @@ -2692,7 +2692,7 @@ textarea.form-control-lg { max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; - font-size: 0.875rem; + font-size: 0.765625rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); @@ -2782,7 +2782,7 @@ textarea.form-control-lg { max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; - font-size: 0.875rem; + font-size: 0.765625rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); @@ -2860,7 +2860,7 @@ textarea.form-control-lg { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; - --bs-btn-font-size: 1rem; + --bs-btn-font-size: 0.875rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); @@ -3228,14 +3228,14 @@ textarea.form-control-lg { .btn-lg, .btn-group-lg > .btn { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; - --bs-btn-font-size: 1.25rem; + --bs-btn-font-size: 1.09375rem; --bs-btn-border-radius: var(--bs-border-radius-lg); } .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; - --bs-btn-font-size: 0.875rem; + --bs-btn-font-size: 0.765625rem; --bs-btn-border-radius: var(--bs-border-radius-sm); } @@ -3308,7 +3308,7 @@ textarea.form-control-lg { --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; - --bs-dropdown-font-size: 1rem; + --bs-dropdown-font-size: 0.875rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); @@ -3566,7 +3566,7 @@ textarea.form-control-lg { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; - font-size: 0.875rem; + font-size: 0.765625rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } @@ -3843,15 +3843,15 @@ textarea.form-control-lg { --bs-navbar-hover-color: #212529; --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: #212529; - --bs-navbar-brand-padding-y: 0.3125rem; + --bs-navbar-brand-padding-y: 0.3359375rem; --bs-navbar-brand-margin-end: 1rem; - --bs-navbar-brand-font-size: 1.25rem; + --bs-navbar-brand-font-size: 1.09375rem; --bs-navbar-brand-color: #212529; --bs-navbar-brand-hover-color: #212529; --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; - --bs-navbar-toggler-font-size: 1.25rem; + --bs-navbar-toggler-font-size: 1.09375rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2873, 80, 87, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); @@ -4476,7 +4476,7 @@ textarea.form-control-lg { align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); - font-size: 1rem; + font-size: 0.875rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); @@ -4620,7 +4620,7 @@ textarea.form-control-lg { .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; - --bs-pagination-font-size: 1rem; + --bs-pagination-font-size: 0.875rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); @@ -4699,14 +4699,14 @@ textarea.form-control-lg { .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; - --bs-pagination-font-size: 1.25rem; + --bs-pagination-font-size: 1.09375rem; --bs-pagination-border-radius: var(--bs-border-radius-lg); } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; - --bs-pagination-font-size: 0.875rem; + --bs-pagination-font-size: 0.765625rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); } @@ -4840,7 +4840,7 @@ textarea.form-control-lg { .progress, .progress-stacked { --bs-progress-height: 1rem; - --bs-progress-font-size: 0.75rem; + --bs-progress-font-size: 0.65625rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); @@ -5644,7 +5644,7 @@ textarea.form-control-lg { --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; - --bs-tooltip-font-size: 0.875rem; + --bs-tooltip-font-size: 0.765625rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); @@ -5743,7 +5743,7 @@ textarea.form-control-lg { .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; - --bs-popover-font-size: 0.875rem; + --bs-popover-font-size: 0.765625rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); @@ -5752,7 +5752,7 @@ textarea.form-control-lg { --bs-popover-box-shadow: 0 0.5rem 1rem rgba(34, 34, 34, 0.15); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; - --bs-popover-header-font-size: 1rem; + --bs-popover-header-font-size: 0.875rem; --bs-popover-header-color: #495057; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; @@ -8214,27 +8214,27 @@ textarea.form-control-lg { } .fs-1 { - font-size: calc(1.375rem + 1.5vw) !important; + font-size: calc(1.34375rem + 1.125vw) !important; } .fs-2 { - font-size: calc(1.325rem + 0.9vw) !important; -} - -.fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } +.fs-3 { + font-size: calc(1.278125rem + 0.3375vw) !important; +} + .fs-4 { - font-size: calc(1.275rem + 0.3vw) !important; + font-size: calc(1.25625rem + 0.075vw) !important; } .fs-5 { - font-size: 1.25rem !important; + font-size: 1.09375rem !important; } .fs-6 { - font-size: 1rem !important; + font-size: 0.875rem !important; } .fst-italic { @@ -11777,16 +11777,16 @@ textarea.form-control-lg { } @media (min-width: 1200px) { .fs-1 { - font-size: 2.5rem !important; + font-size: 2.1875rem !important; } .fs-2 { - font-size: 2rem !important; - } - .fs-3 { font-size: 1.75rem !important; } + .fs-3 { + font-size: 1.53125rem !important; + } .fs-4 { - font-size: 1.5rem !important; + font-size: 1.3125rem !important; } } @media print { diff --git a/src/assets/css/themes/litely.css b/src/assets/css/themes/litely.css index 5a482c58..388b2674 100644 --- a/src/assets/css/themes/litely.css +++ b/src/assets/css/themes/litely.css @@ -75,7 +75,7 @@ --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); - --bs-body-font-size: 1rem; + --bs-body-font-size: 0.875rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #495057; @@ -220,47 +220,47 @@ h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { } h1, .h1 { - font-size: calc(1.375rem + 1.5vw); + font-size: calc(1.34375rem + 1.125vw); } @media (min-width: 1200px) { h1, .h1 { - font-size: 2.5rem; + font-size: 2.1875rem; } } h2, .h2 { - font-size: calc(1.325rem + 0.9vw); -} -@media (min-width: 1200px) { - h2, .h2 { - font-size: 2rem; - } -} - -h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { - h3, .h3 { + h2, .h2 { font-size: 1.75rem; } } +h3, .h3 { + font-size: calc(1.278125rem + 0.3375vw); +} +@media (min-width: 1200px) { + h3, .h3 { + font-size: 1.53125rem; + } +} + h4, .h4 { - font-size: calc(1.275rem + 0.3vw); + font-size: calc(1.25625rem + 0.075vw); } @media (min-width: 1200px) { h4, .h4 { - font-size: 1.5rem; + font-size: 1.3125rem; } } h5, .h5 { - font-size: 1.25rem; + font-size: 1.09375rem; } h6, .h6 { - font-size: 1rem; + font-size: 0.875rem; } p { @@ -585,7 +585,7 @@ progress { } .lead { - font-size: 1.25rem; + font-size: 1.09375rem; font-weight: 300; } @@ -679,7 +679,7 @@ progress { .blockquote { margin-bottom: 1rem; - font-size: 1.25rem; + font-size: 1.09375rem; } .blockquote > :last-child { margin-bottom: 0; @@ -2062,13 +2062,13 @@ progress { .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); - font-size: 1.25rem; + font-size: 1.09375rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); - font-size: 0.875rem; + font-size: 0.765625rem; } .form-text { @@ -2081,7 +2081,7 @@ progress { display: block; width: 100%; padding: 0.375rem 0.75rem; - font-size: 1rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); @@ -2172,7 +2172,7 @@ progress { .form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; - font-size: 0.875rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::file-selector-button { @@ -2184,7 +2184,7 @@ progress { .form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; - font-size: 1.25rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::file-selector-button { @@ -2231,7 +2231,7 @@ textarea.form-control-lg { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; - font-size: 1rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); @@ -2271,7 +2271,7 @@ textarea.form-control-lg { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; - font-size: 0.875rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } @@ -2279,7 +2279,7 @@ textarea.form-control-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; - font-size: 1.25rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } @@ -2289,7 +2289,7 @@ textarea.form-control-lg { .form-check { display: block; - min-height: 1.5rem; + min-height: 1.3125rem; padding-left: 1.5em; margin-bottom: 0.125rem; } @@ -2617,7 +2617,7 @@ textarea.form-control-lg { display: flex; align-items: center; padding: 0.375rem 0.75rem; - font-size: 1rem; + font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); @@ -2633,7 +2633,7 @@ textarea.form-control-lg { .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; - font-size: 1.25rem; + font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } @@ -2642,7 +2642,7 @@ textarea.form-control-lg { .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; - font-size: 0.875rem; + font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } @@ -2692,7 +2692,7 @@ textarea.form-control-lg { max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; - font-size: 0.875rem; + font-size: 0.765625rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); @@ -2782,7 +2782,7 @@ textarea.form-control-lg { max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; - font-size: 0.875rem; + font-size: 0.765625rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); @@ -2860,7 +2860,7 @@ textarea.form-control-lg { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; - --bs-btn-font-size: 1rem; + --bs-btn-font-size: 0.875rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); @@ -3228,14 +3228,14 @@ textarea.form-control-lg { .btn-lg, .btn-group-lg > .btn { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; - --bs-btn-font-size: 1.25rem; + --bs-btn-font-size: 1.09375rem; --bs-btn-border-radius: var(--bs-border-radius-lg); } .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; - --bs-btn-font-size: 0.875rem; + --bs-btn-font-size: 0.765625rem; --bs-btn-border-radius: var(--bs-border-radius-sm); } @@ -3308,7 +3308,7 @@ textarea.form-control-lg { --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; - --bs-dropdown-font-size: 1rem; + --bs-dropdown-font-size: 0.875rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); @@ -3566,7 +3566,7 @@ textarea.form-control-lg { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; - font-size: 0.875rem; + font-size: 0.765625rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } @@ -3843,15 +3843,15 @@ textarea.form-control-lg { --bs-navbar-hover-color: #212529; --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: #212529; - --bs-navbar-brand-padding-y: 0.3125rem; + --bs-navbar-brand-padding-y: 0.3359375rem; --bs-navbar-brand-margin-end: 1rem; - --bs-navbar-brand-font-size: 1.25rem; + --bs-navbar-brand-font-size: 1.09375rem; --bs-navbar-brand-color: #212529; --bs-navbar-brand-hover-color: #212529; --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; - --bs-navbar-toggler-font-size: 1.25rem; + --bs-navbar-toggler-font-size: 1.09375rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2873, 80, 87, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); @@ -4476,7 +4476,7 @@ textarea.form-control-lg { align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); - font-size: 1rem; + font-size: 0.875rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); @@ -4620,7 +4620,7 @@ textarea.form-control-lg { .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; - --bs-pagination-font-size: 1rem; + --bs-pagination-font-size: 0.875rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); @@ -4699,14 +4699,14 @@ textarea.form-control-lg { .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; - --bs-pagination-font-size: 1.25rem; + --bs-pagination-font-size: 1.09375rem; --bs-pagination-border-radius: var(--bs-border-radius-lg); } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; - --bs-pagination-font-size: 0.875rem; + --bs-pagination-font-size: 0.765625rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); } @@ -4840,7 +4840,7 @@ textarea.form-control-lg { .progress, .progress-stacked { --bs-progress-height: 1rem; - --bs-progress-font-size: 0.75rem; + --bs-progress-font-size: 0.65625rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); @@ -5644,7 +5644,7 @@ textarea.form-control-lg { --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; - --bs-tooltip-font-size: 0.875rem; + --bs-tooltip-font-size: 0.765625rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); @@ -5743,7 +5743,7 @@ textarea.form-control-lg { .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; - --bs-popover-font-size: 0.875rem; + --bs-popover-font-size: 0.765625rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); @@ -5752,7 +5752,7 @@ textarea.form-control-lg { --bs-popover-box-shadow: 0 0.5rem 1rem rgba(34, 34, 34, 0.15); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; - --bs-popover-header-font-size: 1rem; + --bs-popover-header-font-size: 0.875rem; --bs-popover-header-color: #495057; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; @@ -8214,27 +8214,27 @@ textarea.form-control-lg { } .fs-1 { - font-size: calc(1.375rem + 1.5vw) !important; + font-size: calc(1.34375rem + 1.125vw) !important; } .fs-2 { - font-size: calc(1.325rem + 0.9vw) !important; -} - -.fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } +.fs-3 { + font-size: calc(1.278125rem + 0.3375vw) !important; +} + .fs-4 { - font-size: calc(1.275rem + 0.3vw) !important; + font-size: calc(1.25625rem + 0.075vw) !important; } .fs-5 { - font-size: 1.25rem !important; + font-size: 1.09375rem !important; } .fs-6 { - font-size: 1rem !important; + font-size: 0.875rem !important; } .fst-italic { @@ -11777,16 +11777,16 @@ textarea.form-control-lg { } @media (min-width: 1200px) { .fs-1 { - font-size: 2.5rem !important; + font-size: 2.1875rem !important; } .fs-2 { - font-size: 2rem !important; - } - .fs-3 { font-size: 1.75rem !important; } + .fs-3 { + font-size: 1.53125rem !important; + } .fs-4 { - font-size: 1.5rem !important; + font-size: 1.3125rem !important; } } @media print { From 96cf0211052fea7cf9a715e7cdcbf62777e75b8f Mon Sep 17 00:00:00 2001 From: Alec Armbruster <35377827+alectrocute@users.noreply.github.com> Date: Mon, 26 Jun 2023 14:54:38 -0400 Subject: [PATCH 14/20] Move password reset form to separate route, view (#1390) * rework password reset form * make self-suggested changes * cleaning * validate in handlePasswordReset as well * update submodule * partially make suggested changes * make suggested changes * resolve merge conflicts * resolve merge conflicts * resolve merge conflicts --------- Co-authored-by: Dessalines --- src/server/handlers/robots-handler.ts | 1 + src/shared/components/home/login-reset.tsx | 138 +++++++++++++++++++++ src/shared/components/home/login.tsx | 27 +--- src/shared/routes.ts | 5 + 4 files changed, 149 insertions(+), 22 deletions(-) create mode 100644 src/shared/components/home/login-reset.tsx diff --git a/src/server/handlers/robots-handler.ts b/src/server/handlers/robots-handler.ts index 7271095c..80678aa0 100644 --- a/src/server/handlers/robots-handler.ts +++ b/src/server/handlers/robots-handler.ts @@ -5,6 +5,7 @@ export default async ({ res }: { res: Response }) => { res.send(`User-Agent: * Disallow: /login + Disallow: /login_reset Disallow: /settings Disallow: /create_community Disallow: /create_post diff --git a/src/shared/components/home/login-reset.tsx b/src/shared/components/home/login-reset.tsx new file mode 100644 index 00000000..c96255d5 --- /dev/null +++ b/src/shared/components/home/login-reset.tsx @@ -0,0 +1,138 @@ +import { setIsoData } from "@utils/app"; +import { capitalizeFirstLetter, validEmail } from "@utils/helpers"; +import { Component, linkEvent } from "inferno"; +import { GetSiteResponse } from "lemmy-js-client"; +import { HttpService, I18NextService, UserService } from "../../services"; +import { toast } from "../../toast"; +import { HtmlTags } from "../common/html-tags"; +import { Spinner } from "../common/icon"; + +interface State { + form: { + email: string; + loading: boolean; + }; + siteRes: GetSiteResponse; +} + +export class LoginReset extends Component { + private isoData = setIsoData(this.context); + + state: State = { + form: { + email: "", + loading: false, + }, + siteRes: this.isoData.site_res, + }; + + constructor(props: any, context: any) { + super(props, context); + } + + componentDidMount() { + if (UserService.Instance.myUserInfo) { + this.context.router.history.push("/"); + } + } + + get documentTitle(): string { + return `${capitalizeFirstLetter( + I18NextService.i18n.t("forgot_password") + )} - ${this.state.siteRes.site_view.site.name}`; + } + + render() { + return ( +
    + +
    + {this.loginResetForm()} +
    +
    + ); + } + + loginResetForm() { + return ( +
    +
    + {capitalizeFirstLetter(I18NextService.i18n.t("forgot_password"))} +
    + +
    + +
    + +
    + + +
    + +
    +
    + +
    +
    + +
    +
    +
    + ); + } + + handleEmailInputChange(i: LoginReset, event: any) { + i.setState(s => ((s.form.email = event.target.value.trim()), s)); + } + + async handlePasswordReset(i: LoginReset, event: any) { + event.preventDefault(); + + const email = i.state.form.email; + + if (email && validEmail(email)) { + i.setState(s => ((s.form.loading = true), s)); + + const res = await HttpService.client.passwordReset({ email }); + + if (res.state == "success") { + toast(I18NextService.i18n.t("reset_password_mail_sent")); + i.context.router.history.push("/login"); + } + + i.setState(s => ((s.form.loading = false), s)); + } + } +} diff --git a/src/shared/components/home/login.tsx b/src/shared/components/home/login.tsx index 4dd64665..397288e8 100644 --- a/src/shared/components/home/login.tsx +++ b/src/shared/components/home/login.tsx @@ -1,7 +1,7 @@ import { myAuth, setIsoData } from "@utils/app"; import { isBrowser } from "@utils/browser"; -import { validEmail } from "@utils/helpers"; import { Component, linkEvent } from "inferno"; +import { NavLink } from "inferno-router"; import { GetSiteResponse, LoginResponse } from "lemmy-js-client"; import { I18NextService, UserService } from "../../services"; import { HttpService, RequestState } from "../../services/HttpService"; @@ -105,18 +105,12 @@ export class Login extends Component { required maxLength={60} /> - + {this.state.showTotp && ( @@ -214,15 +208,4 @@ export class Login extends Component { i.state.form.password = event.target.value; i.setState(i.state); } - - async handlePasswordReset(i: Login, event: any) { - event.preventDefault(); - const email = i.state.form.username_or_email; - if (email) { - const res = await HttpService.client.passwordReset({ email }); - if (res.state == "success") { - toast(I18NextService.i18n.t("reset_password_mail_sent")); - } - } - } } diff --git a/src/shared/routes.ts b/src/shared/routes.ts index 6e3ed498..01325afa 100644 --- a/src/shared/routes.ts +++ b/src/shared/routes.ts @@ -7,6 +7,7 @@ import { Home } from "./components/home/home"; import { Instances } from "./components/home/instances"; import { Legal } from "./components/home/legal"; import { Login } from "./components/home/login"; +import { LoginReset } from "./components/home/login-reset"; import { Setup } from "./components/home/setup"; import { Signup } from "./components/home/signup"; import { Modlog } from "./components/modlog"; @@ -38,6 +39,10 @@ export const routes: IRoutePropsWithFetch>[] = [ path: `/login`, component: Login, }, + { + path: `/login_reset`, + component: LoginReset, + }, { path: `/signup`, component: Signup, From 7ea9f26a1cd8fb25e42fd84e9d4b8babd00765d1 Mon Sep 17 00:00:00 2001 From: Alec Armbruster <35377827+alectrocute@users.noreply.github.com> Date: Mon, 26 Jun 2023 15:25:22 -0400 Subject: [PATCH 15/20] capitalize button (#1616) Co-authored-by: Dessalines --- src/shared/components/person/inbox.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/shared/components/person/inbox.tsx b/src/shared/components/person/inbox.tsx index 395875be..c414e8be 100644 --- a/src/shared/components/person/inbox.tsx +++ b/src/shared/components/person/inbox.tsx @@ -11,6 +11,7 @@ import { setIsoData, updatePersonBlock, } from "@utils/app"; +import { capitalizeFirstLetter } from "@utils/helpers"; import { RouteDataResponse } from "@utils/types"; import { Component, linkEvent } from "inferno"; import { @@ -243,7 +244,9 @@ export class Inbox extends Component { {this.state.markAllAsReadRes.state == "loading" ? ( ) : ( - I18NextService.i18n.t("mark_all_as_read") + capitalizeFirstLetter( + I18NextService.i18n.t("mark_all_as_read") + ) )} )} From 681074275747804355885fd97a3c6a6b70da2f9a Mon Sep 17 00:00:00 2001 From: dullbananas Date: Mon, 26 Jun 2023 12:57:23 -0700 Subject: [PATCH 16/20] Indicate valid and invalid fields in signup form (#1450) * Use was-validated class in signup form * Update signup.tsx * Update signup.tsx --------- Co-authored-by: SleeplessOne1917 --- src/shared/components/home/signup.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/shared/components/home/signup.tsx b/src/shared/components/home/signup.tsx index a2d960dc..516cd43f 100644 --- a/src/shared/components/home/signup.tsx +++ b/src/shared/components/home/signup.tsx @@ -140,7 +140,10 @@ export class Signup extends Component { registerForm() { const siteView = this.state.siteRes.site_view; return ( -
    +
    {this.titleName(siteView)}
    {this.isLemmyMl && ( From 16f2f0d244e9b5bca80c034ee442500f83cbab73 Mon Sep 17 00:00:00 2001 From: Alec Armbruster <35377827+alectrocute@users.noreply.github.com> Date: Mon, 26 Jun 2023 16:09:11 -0400 Subject: [PATCH 17/20] remove icon (#1618) Co-authored-by: Dessalines --- src/shared/components/post/post-listing.tsx | 21 ++++++--------------- 1 file changed, 6 insertions(+), 15 deletions(-) diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx index 61561e98..37902ee8 100644 --- a/src/shared/components/post/post-listing.tsx +++ b/src/shared/components/post/post-listing.tsx @@ -482,26 +482,13 @@ export class PostListing extends Component { this.postLink )} - {(url && isImage(url)) || - (post.thumbnail_url && ( - - ))} + {post.removed && ( {I18NextService.i18n.t("removed")} )} + {post.deleted && ( { )} + {post.locked && ( { )} + {post.featured_community && ( { )} + {post.featured_local && ( { )} + {post.nsfw && ( {I18NextService.i18n.t("nsfw")} From 170bd7d693645d7d21905802edb6c7f92fbae494 Mon Sep 17 00:00:00 2001 From: Pascal de Vink Date: Mon, 26 Jun 2023 21:45:56 +0100 Subject: [PATCH 18/20] Fix feedback on banning an unbanning When banning or unbanning, the API call was done, but updating the frontend failed. This caused a confusing experience for an admin, until the page was reloaded. --- src/shared/components/person/profile.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/shared/components/person/profile.tsx b/src/shared/components/person/profile.tsx index d0003687..c70fc3e1 100644 --- a/src/shared/components/person/profile.tsx +++ b/src/shared/components/person/profile.tsx @@ -204,6 +204,7 @@ export class Profile extends Component< this.handleSavePost = this.handleSavePost.bind(this); this.handlePurgePost = this.handlePurgePost.bind(this); this.handleFeaturePost = this.handleFeaturePost.bind(this); + this.handleModBanSubmit = this.handleModBanSubmit.bind(this); // Only fetch the data if coming from another route if (FirstLoadService.isFirstLoad) { @@ -989,6 +990,7 @@ export class Profile extends Component< s.personRes.data.comments .filter(c => c.creator.id == banRes.data.person_view.person.id) .forEach(c => (c.creator.banned = banRes.data.banned)); + s.personRes.data.person_view.person.banned = banRes.data.banned; } return s; }); From 2b1647c9b8c479daef8ce3fb711b394e49f6ccce Mon Sep 17 00:00:00 2001 From: Alec Armbruster <35377827+alectrocute@users.noreply.github.com> Date: Mon, 26 Jun 2023 17:04:19 -0400 Subject: [PATCH 19/20] partially revert change --- src/shared/components/post/post-listing.tsx | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx index dd6ba0cd..7b75818c 100644 --- a/src/shared/components/post/post-listing.tsx +++ b/src/shared/components/post/post-listing.tsx @@ -167,6 +167,26 @@ export class PostListing extends Component { this.handleEditCancel = this.handleEditCancel.bind(this); } + componentWillReceiveProps(nextProps: PostListingProps) { + if (this.props !== nextProps) { + this.setState({ + purgeLoading: false, + reportLoading: false, + blockLoading: false, + lockLoading: false, + deleteLoading: false, + removeLoading: false, + saveLoading: false, + featureCommunityLoading: false, + featureLocalLoading: false, + banLoading: false, + addModLoading: false, + addAdminLoading: false, + transferLoading: false, + }); + } + } + get postView(): PostView { return this.props.post_view; } From 937ebfc649c3cdd2f8d6eccfd43173890d4fd615 Mon Sep 17 00:00:00 2001 From: Alec Armbruster <35377827+alectrocute@users.noreply.github.com> Date: Mon, 26 Jun 2023 17:10:39 -0400 Subject: [PATCH 20/20] fix vote button alignment --- src/shared/components/common/vote-buttons.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/shared/components/common/vote-buttons.tsx b/src/shared/components/common/vote-buttons.tsx index 005db8c0..259d2161 100644 --- a/src/shared/components/common/vote-buttons.tsx +++ b/src/shared/components/common/vote-buttons.tsx @@ -104,7 +104,7 @@ export class VoteButtonsCompact extends Component< render() { return ( -
    + <>
    + ); } }