diff --git a/Gemfile.lock b/Gemfile.lock index 8f7385de2..ccd3c39cd 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -441,7 +441,7 @@ GEM mini_magick (4.12.0) mini_mime (1.1.2) mini_portile2 (2.8.2) - minitest (5.18.0) + minitest (5.18.1) mock_redis (0.36.0) ruby2_keywords msgpack (1.7.0) @@ -450,7 +450,7 @@ GEM multipart-post (2.3.0) net-http-persistent (4.0.2) connection_pool (~> 2.2) - net-imap (0.3.4) + net-imap (0.3.6) date net-protocol net-pop (0.1.2) @@ -525,7 +525,7 @@ GEM pundit (2.3.0) activesupport (>= 3.0.0) raabro (1.4.0) - racc (1.7.0) + racc (1.7.1) rack (2.2.7) rack-attack (6.6.1) rack (>= 1.0, < 3) @@ -731,7 +731,7 @@ GEM time_diff (0.3.0) activesupport i18n - timeout (0.3.2) + timeout (0.4.0) trailblazer-option (0.1.2) twilio-ruby (5.77.0) faraday (>= 0.9, < 3.0) diff --git a/app/assets/stylesheets/administrate/library/_variables.scss b/app/assets/stylesheets/administrate/library/_variables.scss index 87183a503..5bb3c0710 100644 --- a/app/assets/stylesheets/administrate/library/_variables.scss +++ b/app/assets/stylesheets/administrate/library/_variables.scss @@ -4,7 +4,7 @@ $base-font-family: PlusJakarta, Inter, -apple-system, BlinkMacSystemFont, "Segoe sans-serif !default; $heading-font-family: $base-font-family !default; -$base-font-size: 10px !default; +$base-font-size: 16px !default; $base-line-height: 1.5 !default; $heading-line-height: 1.2 !default; diff --git a/app/controllers/api/v1/accounts/inboxes_controller.rb b/app/controllers/api/v1/accounts/inboxes_controller.rb index 2f380e0cc..011faaf28 100644 --- a/app/controllers/api/v1/accounts/inboxes_controller.rb +++ b/app/controllers/api/v1/accounts/inboxes_controller.rb @@ -124,7 +124,7 @@ class Api::V1::Accounts::InboxesController < Api::V1::Accounts::BaseController def inbox_attributes [:name, :avatar, :greeting_enabled, :greeting_message, :enable_email_collect, :csat_survey_enabled, :enable_auto_assignment, :working_hours_enabled, :out_of_office_message, :timezone, :allow_messages_after_resolved, - :lock_to_single_conversation, :portal_id] + :lock_to_single_conversation, :portal_id, :sender_name_type, :business_name] end def permitted_params(channel_attributes = []) diff --git a/app/javascript/dashboard/assets/scss/_date-picker.scss b/app/javascript/dashboard/assets/scss/_date-picker.scss index 2263c4354..e934b50d7 100644 --- a/app/javascript/dashboard/assets/scss/_date-picker.scss +++ b/app/javascript/dashboard/assets/scss/_date-picker.scss @@ -26,7 +26,7 @@ border-radius: var(--border-radius-normal); box-shadow: none; display: flex; - height: 4rem; + height: 2.5rem; } .mx-input:disabled, diff --git a/app/javascript/dashboard/assets/scss/_foundation-custom.scss b/app/javascript/dashboard/assets/scss/_foundation-custom.scss index 5753e7593..605b74483 100644 --- a/app/javascript/dashboard/assets/scss/_foundation-custom.scss +++ b/app/javascript/dashboard/assets/scss/_foundation-custom.scss @@ -8,7 +8,7 @@ } select { - height: 4.0rem; + height: 2.5rem; } .card { diff --git a/app/javascript/dashboard/assets/scss/_foundation-settings.scss b/app/javascript/dashboard/assets/scss/_foundation-settings.scss index 2035585bd..3fd834cdd 100644 --- a/app/javascript/dashboard/assets/scss/_foundation-settings.scss +++ b/app/javascript/dashboard/assets/scss/_foundation-settings.scss @@ -48,7 +48,7 @@ // Disable contrast warnings in Foundation. $contrast-warnings: false; -$global-font-size: 10px; +$global-font-size: 16px; $global-width: 100%; $global-lineheight: 1.5; $foundation-palette: (primary: $color-woot, @@ -117,7 +117,7 @@ $header-font-style: normal; $font-family-monospace: $body-font-family; $header-color: $color-heading; $header-lineheight: 1.4; -$header-margin-bottom: 0.5rem; +$header-margin-bottom: 0.3125rem; $header-styles: (small: ("h1": ("font-size": 24), "h2": ("font-size": 20), "h3": ("font-size": 19), @@ -153,11 +153,11 @@ $list-lineheight: $paragraph-lineheight; $list-margin-bottom: $paragraph-margin-bottom; $list-style-type: disc; $list-style-position: outside; -$list-side-margin: 1.25rem; -$list-nested-side-margin: 1.25rem; -$defnlist-margin-bottom: 1rem; +$list-side-margin: 0.78125rem; +$list-nested-side-margin: 0.78125rem; +$defnlist-margin-bottom: 0.6875rem; $defnlist-term-weight: $global-weight-bold; -$defnlist-term-margin-bottom: 0.3rem; +$defnlist-term-margin-bottom: 0.1875rem; $blockquote-color: $dark-gray; $blockquote-padding: rem-calc(9 20 0 19); $blockquote-border: 1px solid $medium-gray; @@ -179,9 +179,9 @@ $lead-lineheight: 1.6; $subheader-lineheight: 1.4; $subheader-color: $dark-gray; $subheader-font-weight: $global-weight-normal; -$subheader-margin-top: 0.2rem; -$subheader-margin-bottom: 0.5rem; -$stat-font-size: 2.5rem; +$subheader-margin-top: 0.125rem; +$subheader-margin-bottom: 0.3125rem; +$stat-font-size: 1.5625rem; // 6. Abide // -------- @@ -202,11 +202,11 @@ $accordion-plusminus: true; $accordion-title-font-size: rem-calc(12); $accordion-item-color: $primary-color; $accordion-item-background-hover: $light-gray; -$accordion-item-padding: 1.25rem 1rem; +$accordion-item-padding: 0.78125rem 0.625rem; $accordion-content-background: $white; $accordion-content-border: 1px solid $light-gray; $accordion-content-color: $body-font-color; -$accordion-content-padding: 1rem; +$accordion-content-padding: 0.625rem; // 8. Accordion Menu // ----------------- @@ -234,7 +234,7 @@ $breadcrumbs-item-font-size: rem-calc(11); $breadcrumbs-item-color: $primary-color; $breadcrumbs-item-color-current: $black; $breadcrumbs-item-color-disabled: $medium-gray; -$breadcrumbs-item-margin: 0.75rem; +$breadcrumbs-item-margin: 0.46875rem; $breadcrumbs-item-uppercase: true; $breadcrumbs-item-slash: true; @@ -275,8 +275,8 @@ $buttongroup-radius-on-each: false; $callout-background: $white; $callout-background-fade: 85%; $callout-border: 1px solid rgba($black, 0.25); -$callout-margin: 0 0 1rem 0; -$callout-padding: 1rem; +$callout-margin: 0 0 0.625rem 0; +$callout-padding: 0.625rem; $callout-font-color: $body-font-color; $callout-font-color-alt: $body-background; $callout-radius: $global-radius; @@ -320,10 +320,10 @@ $drilldown-background: $white; // 17. Dropdown // ------------ -$dropdown-padding: 1rem; +$dropdown-padding: 0.625rem; $dropdown-background: $body-background; $dropdown-border: 1px solid $medium-gray; -$dropdown-font-size: 1rem; +$dropdown-font-size: 0.625rem; $dropdown-width: 300px; $dropdown-radius: $global-radius; $dropdown-sizes: (tiny: 100px, @@ -354,7 +354,7 @@ $helptext-font-style: italic; $input-prefix-color: $color-body; $input-prefix-background: var(--b-100); $input-prefix-border: 1px solid $color-border; -$input-prefix-padding: 1rem; +$input-prefix-padding: 0.625rem; $form-label-color: $color-body; $form-label-font-size: rem-calc(14); $form-label-font-weight: $font-weight-medium; @@ -406,14 +406,14 @@ $menu-margin-nested: $space-medium; $menu-item-padding: $space-slab; $menu-item-color-active: $white; $menu-item-background-active: $color-background; -$menu-icon-spacing: 0.25rem; +$menu-icon-spacing: 0.15625rem; $menu-item-background-hover: $light-gray; $menu-border: $light-gray; // 23. Meter // --------- -$meter-height: 1rem; +$meter-height: 0.625rem; $meter-radius: $global-radius; $meter-background: $medium-gray; $meter-fill-good: $success-color; @@ -423,11 +423,11 @@ $meter-fill-bad: $alert-color; // 24. Off-canvas // -------------- -$offcanvas-sizes: (small: 23rem, - medium: 23rem, +$offcanvas-sizes: (small: 14.375, + medium: 14.375, ); -$offcanvas-vertical-sizes: (small: 23rem, - medium: 23rem, +$offcanvas-vertical-sizes: (small: 14.375, + medium: 14.375, ); $offcanvas-background: $light-gray; $offcanvas-shadow: 0 0 10px rgba($black, 0.7); @@ -445,14 +445,14 @@ $maincontent-class: 'off-canvas-content'; $orbit-bullet-background: $medium-gray; $orbit-bullet-background-active: $dark-gray; -$orbit-bullet-diameter: 1.2rem; -$orbit-bullet-margin: 0.1rem; -$orbit-bullet-margin-top: 0.8rem; -$orbit-bullet-margin-bottom: 0.8rem; +$orbit-bullet-diameter: 0.75rem; +$orbit-bullet-margin: 0.0625rem; +$orbit-bullet-margin-top: 0.5rem; +$orbit-bullet-margin-bottom: 0.5rem; $orbit-caption-background: rgba($black, 0.5); -$orbit-caption-padding: 1rem; +$orbit-caption-padding: 0.625rem; $orbit-control-background-hover: rgba($black, 0.5); -$orbit-control-padding: 1rem; +$orbit-control-padding: 0.625rem; $orbit-control-zindex: 10; // 26. Pagination @@ -476,7 +476,7 @@ $pagination-arrows: true; // 27. Progress Bar // ---------------- -$progress-height: 1rem; +$progress-height: 0.625rem; $progress-background: $medium-gray; $progress-margin-bottom: $global-margin; $progress-meter-background: $primary-color; @@ -504,13 +504,13 @@ $reveal-overlay-background: rgba($black, 0.45); // 30. Slider // ---------- -$slider-width-vertical: 0.5rem; +$slider-width-vertical: 0.3125rem; $slider-transition: all 0.2s ease-in-out; -$slider-height: 0.5rem; +$slider-height: 0.3125rem; $slider-background: $light-gray; $slider-fill-background: $medium-gray; -$slider-handle-height: 1.4rem; -$slider-handle-width: 1.4rem; +$slider-handle-height: 0.875rem; +$slider-handle-width: 0.875rem; $slider-handle-background: $primary-color; $slider-opacity-disabled: 0.25; $slider-radius: $global-radius; @@ -569,7 +569,7 @@ $tab-expand-max: 6; $tab-content-background: transparent; $tab-content-border: transparent; $tab-content-color: foreground($tab-background, $primary-color); -$tab-content-padding: 1rem; +$tab-content-padding: 0.625rem; // 34. Thumbnail // ------------- @@ -586,11 +586,11 @@ $thumbnail-radius: $global-radius; $titlebar-background: $black; $titlebar-color: $white; -$titlebar-padding: 0.5rem; +$titlebar-padding: 0.3125rem; $titlebar-text-font-weight: bold; $titlebar-icon-color: $white; $titlebar-icon-color-hover: $medium-gray; -$titlebar-icon-spacing: 0.25rem; +$titlebar-icon-spacing: 0.15625rem; // 36. Tooltip // ----------- @@ -599,19 +599,19 @@ $has-tip-font-weight: $global-weight-bold; $has-tip-border-bottom: dotted 1px $dark-gray; $tooltip-background-color: $black; $tooltip-color: $white; -$tooltip-padding: 0.75rem; +$tooltip-padding: 0.46875rem; $tooltip-font-size: $font-size-mini; -$tooltip-pip-width: 0.75rem; +$tooltip-pip-width: 0.46875rem; $tooltip-pip-height: $tooltip-pip-width * 0.866; $tooltip-radius: $global-radius; // 37. Top Bar // ----------- -$topbar-padding: 0.5rem; +$topbar-padding: 0.3125; $topbar-background: $light-gray; $topbar-submenu-background: $topbar-background; -$topbar-title-spacing: 0.5rem 1rem 0.5rem 0; +$topbar-title-spacing: 0.3125 0.625rem 0.3125 0; $topbar-input-width: 200px; $topbar-unstack-breakpoint: medium; diff --git a/app/javascript/dashboard/assets/scss/_mixins.scss b/app/javascript/dashboard/assets/scss/_mixins.scss index 41ba95276..a55f0a8dd 100644 --- a/app/javascript/dashboard/assets/scss/_mixins.scss +++ b/app/javascript/dashboard/assets/scss/_mixins.scss @@ -237,8 +237,8 @@ $spinner-before-border-color: rgba(255, 255, 255, 0.7); white-space: nowrap; } -@mixin three-column-grid($column-one-width: 25.6rem, - $column-three-width: 25.6rem) { +@mixin three-column-grid($column-one-width: 16rem, + $column-three-width: 16rem) { width: 100%; height: 100%; display: grid; diff --git a/app/javascript/dashboard/assets/scss/_rtl.scss b/app/javascript/dashboard/assets/scss/_rtl.scss index 4f7efaab9..b517fc0f2 100644 --- a/app/javascript/dashboard/assets/scss/_rtl.scss +++ b/app/javascript/dashboard/assets/scss/_rtl.scss @@ -439,7 +439,7 @@ } span { - --minus-space-one-point-five: -1.5rem; + --minus-space-one-point-five: -0.9375rem; &.active { transform: translate( diff --git a/app/javascript/dashboard/assets/scss/_variables.scss b/app/javascript/dashboard/assets/scss/_variables.scss index f24f00830..930fe5f0e 100644 --- a/app/javascript/dashboard/assets/scss/_variables.scss +++ b/app/javascript/dashboard/assets/scss/_variables.scss @@ -1,30 +1,30 @@ // Font sizes -$font-size-nano: 0.8rem; -$font-size-micro: 1.0rem; -$font-size-mini: 1.2rem; -$font-size-small: 1.4rem; -$font-size-default: 1.6rem; -$font-size-medium: 1.8rem; -$font-size-large: 2.2rem; -$font-size-big: 2.4rem; -$font-size-bigger: 3.0rem; -$font-size-mega: 3.4rem; -$font-size-giga: 4.0rem; +$font-size-nano: 0.5rem; +$font-size-micro: 0.675rem; +$font-size-mini: 0.75rem; +$font-size-small: 0.875rem; +$font-size-default: 1rem; +$font-size-medium: 1.125rem; +$font-size-large: 1.375rem; +$font-size-big: 1.5rem; +$font-size-bigger: 1.75rem; +$font-size-mega: 2.125rem; +$font-size-giga: 2.5rem; // spaces $zero: 0; -$space-micro: 0.2rem; -$space-smaller: 0.4rem; -$space-small: 0.8rem; -$space-one: 1rem; -$space-slab: 1.2rem; -$space-normal: 1.6rem; -$space-two: 2.0rem; -$space-medium: 2.4rem; -$space-large: 3.2rem; -$space-larger: 4.8rem; -$space-jumbo: 6.4rem; -$space-mega: 10.0rem; +$space-micro: 0.125rem; +$space-smaller: 0.25rem; +$space-small: 0.5rem; +$space-one: 0.675rem; +$space-slab: 0.75rem; +$space-normal: 1rem; +$space-two: 1.25rem; +$space-medium: 1.5rem; +$space-large: 2rem; +$space-larger: 3rem; +$space-jumbo: 4rem; +$space-mega: 6.25rem; // font-weight $font-weight-feather: 100; @@ -35,8 +35,8 @@ $font-weight-bold: 600; $font-weight-black: 700; //Navbar -$nav-bar-width: 23rem; -$header-height: 5.6rem; +$nav-bar-width: 14.375rem; +$header-height: 3.5rem; $woot-logo-padding: $space-large $space-two; @@ -71,20 +71,20 @@ $color-primary-light: #c7e3ff; $color-primary-dark: darken($color-woot, 20%); // Thumbnail -$thumbnail-radius: 4rem; +$thumbnail-radius: 2.5rem; // chat-header -$conv-header-height: 4rem; +$conv-header-height: 2.5rem; // Inbox List -$inbox-thumb-size: 4.8rem; +$inbox-thumb-size: 3rem; // Spinner $spinkit-spinner-color: $color-white !default; -$spinkit-spinner-margin: 0 0 0 1.6rem !default; -$spinkit-size: 1.6rem !default; +$spinkit-spinner-margin: 0 0 0 1rem !default; +$spinkit-size: 1rem !default; // Snackbar default $woot-snackbar-bg: #323232; @@ -101,5 +101,5 @@ $ionicons-font-path: '~ionicons/fonts'; $transition-ease-in: all 0.250s ease-in; :root { - --dashboard-app-tabs-height: 3.9rem; + --dashboard-app-tabs-height: 2.4375rem; } diff --git a/app/javascript/dashboard/assets/scss/plugins/_multiselect.scss b/app/javascript/dashboard/assets/scss/plugins/_multiselect.scss index f111a414f..4fda218a5 100644 --- a/app/javascript/dashboard/assets/scss/plugins/_multiselect.scss +++ b/app/javascript/dashboard/assets/scss/plugins/_multiselect.scss @@ -28,7 +28,7 @@ } .multiselect__select { - min-height: 4.6rem; + min-height: 2.875rem; padding: 0; right: 0; top: 0; @@ -98,7 +98,7 @@ border: 1px solid var(--s-200); border-color: var(--s-200); margin: 0; - min-height: 4.4rem; + min-height: 2.75rem; padding-top: $zero; } @@ -130,7 +130,7 @@ .multiselect__input { @include ghost-input; font-size: $font-size-small; - height: 4.4rem; + height: 2.75rem; margin-bottom: $zero; padding: 0; } @@ -168,7 +168,7 @@ } .multiselect-wrap--small { - $multiselect-height: 4.0rem; + $multiselect-height: 2.5rem; .multiselect__tags, .multiselect__input { @@ -195,7 +195,7 @@ display: flex; font-size: var(--font-size-small); margin: 0; - max-height: 3.8rem; + max-height: 2.375rem; padding: var(--space-smaller) var(--space-micro); } @@ -219,7 +219,7 @@ } .multiselect-wrap--medium { - $multiselect-height: 4.8rem; + $multiselect-height: 3rem; .multiselect__tags, .multiselect__input { diff --git a/app/javascript/dashboard/assets/scss/views/settings/integrations.scss b/app/javascript/dashboard/assets/scss/views/settings/integrations.scss index 590890499..b7387b90f 100644 --- a/app/javascript/dashboard/assets/scss/views/settings/integrations.scss +++ b/app/javascript/dashboard/assets/scss/views/settings/integrations.scss @@ -8,8 +8,8 @@ .integration--image { display: flex; - height: 10rem; - width: 10rem; + height: 6.25rem; + width: 6.25rem; img { max-width: 100%; diff --git a/app/javascript/dashboard/assets/scss/widgets/_buttons.scss b/app/javascript/dashboard/assets/scss/widgets/_buttons.scss index 58945ffb5..3f36bfa0c 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_buttons.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_buttons.scss @@ -1,4 +1,4 @@ -$default-button-height: 4.0rem; +$default-button-height: 2.5rem; .button { align-items: center; diff --git a/app/javascript/dashboard/assets/scss/widgets/_conv-header.scss b/app/javascript/dashboard/assets/scss/widgets/_conv-header.scss index c352ff540..d88a7048d 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_conv-header.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_conv-header.scss @@ -1,4 +1,4 @@ -$resolve-button-width: 13.2rem; +$resolve-button-width: 8.25rem; // Conversation header - Light BG .conv-header { @@ -14,12 +14,12 @@ $resolve-button-width: 13.2rem; border: 1px solid var(--color-border); border-radius: var(--space-smaller); margin-right: var(--space-small); - width: 21.6rem; + width: 13.5rem; .icon { color: $medium-gray; font-size: $font-size-default; - line-height: 3.8rem; + line-height: 2.375rem; padding-left: $space-slab; padding-right: $space-smaller; } diff --git a/app/javascript/dashboard/assets/scss/widgets/_conversation-card.scss b/app/javascript/dashboard/assets/scss/widgets/_conversation-card.scss index e94cee45b..f6da1be3f 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_conversation-card.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_conversation-card.scss @@ -81,7 +81,7 @@ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - width: 27rem; + width: 16.875rem; } .conversation--meta { diff --git a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss index 795c8c1c1..cdf66d741 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss @@ -273,7 +273,7 @@ } .wrap { - --bubble-max-width: 49.6rem; + --bubble-max-width: 31rem; margin: $zero $space-normal; max-width: Min(var(--bubble-max-width), 84%); diff --git a/app/javascript/dashboard/assets/scss/widgets/_modal.scss b/app/javascript/dashboard/assets/scss/widgets/_modal.scss index cc22dc778..644399b9e 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_modal.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_modal.scss @@ -27,7 +27,7 @@ padding: $space-large $space-large $zero; img { - max-height: 6rem; + max-height: 3.75rem; } } @@ -39,11 +39,11 @@ max-height: 100%; overflow: auto; position: relative; - width: 60rem; + width: 37.5rem; &.medium { max-width: 80%; - width: 90rem; + width: 56.25rem; } .content-box { diff --git a/app/javascript/dashboard/assets/scss/widgets/_reply-box.scss b/app/javascript/dashboard/assets/scss/widgets/_reply-box.scss index d33f558e3..a51e6047d 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_reply-box.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_reply-box.scss @@ -29,7 +29,7 @@ // Override min-height : 50px in foundation // max-height: $space-mega * 2.4; - min-height: 4.8rem; + min-height: 3rem; padding: var(--space-normal) 0 0; resize: none; } @@ -40,7 +40,7 @@ margin: 0; max-height: $space-mega * 2.4; // Override min-height : 50px in foundation - min-height: 4.8rem; + min-height: 3rem; padding: var(--space-normal) 0 0; resize: none; } diff --git a/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss b/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss index e1cdaa491..3de072a77 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss @@ -47,7 +47,7 @@ } .dropdown-pane { - bottom: 6rem; + bottom: 3.75rem; display: block; visibility: visible; width: fit-content; diff --git a/app/javascript/dashboard/assets/scss/widgets/_snackbar.scss b/app/javascript/dashboard/assets/scss/widgets/_snackbar.scss index 85d8f747d..ee556682f 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_snackbar.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_snackbar.scss @@ -1,7 +1,7 @@ .ui-snackbar-container { left: 0; margin: 0 auto; - max-width: 40rem; + max-width: 25rem; overflow: hidden; position: absolute; right: 0; @@ -16,9 +16,9 @@ border-radius: $space-smaller; display: inline-flex; margin-bottom: $space-small; - max-width: 40rem; - min-height: 3rem; - min-width: 24rem; + max-width: 25rem; + min-height: 1.875rem; + min-width: 15rem; padding: $space-slab $space-medium; text-align: left; } @@ -31,7 +31,7 @@ .ui-snackbar-action { margin-left: auto; - padding-left: 3rem; + padding-left: 1.875rem; button { background: none; diff --git a/app/javascript/dashboard/assets/scss/widgets/_woot-tables.scss b/app/javascript/dashboard/assets/scss/widgets/_woot-tables.scss index 5bbe1248d..6f57f9cb5 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_woot-tables.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_woot-tables.scss @@ -43,15 +43,15 @@ table { .woot-thumbnail { border-radius: 50%; - height: 5rem; - width: 5rem; + height: 3.125rem; + width: 3.125rem; } .button-wrapper { @include flex-align(left, null); @include flex; flex-direction: row; - min-width: 20rem; + min-width: 12.5rem; } .button { diff --git a/app/javascript/dashboard/components/ChatList.vue b/app/javascript/dashboard/components/ChatList.vue index f4ba84ead..e06c5b2e9 100644 --- a/app/javascript/dashboard/components/ChatList.vue +++ b/app/javascript/dashboard/components/ChatList.vue @@ -972,7 +972,7 @@ export default { .conversations-list-wrap { flex-shrink: 0; - flex-basis: clamp(32rem, 4vw + 34rem, 44rem); + flex-basis: clamp(20rem, 4vw + 21.25rem, 27.5rem); overflow: hidden; &.hide { diff --git a/app/javascript/dashboard/components/CustomAttribute.vue b/app/javascript/dashboard/components/CustomAttribute.vue index 3ce2787ce..8cc4d4f15 100644 --- a/app/javascript/dashboard/components/CustomAttribute.vue +++ b/app/javascript/dashboard/components/CustomAttribute.vue @@ -343,11 +343,11 @@ export default { .error-message { color: var(--r-400); display: block; - font-size: 1.4rem; + font-size: 0.875rem; font-size: var(--font-size-small); font-weight: 400; - margin-bottom: 1rem; - margin-top: -1.6rem; + margin-bottom: 0.625rem; + margin-top: -1rem; width: 100%; } diff --git a/app/javascript/dashboard/components/Modal.vue b/app/javascript/dashboard/components/Modal.vue index e7740cc35..3a4e2b83a 100644 --- a/app/javascript/dashboard/components/Modal.vue +++ b/app/javascript/dashboard/components/Modal.vue @@ -106,7 +106,7 @@ export default { .modal-container { border-radius: 0; height: 100%; - width: 48rem; + width: 30rem; } } .modal-big { diff --git a/app/javascript/dashboard/components/NetworkNotification.vue b/app/javascript/dashboard/components/NetworkNotification.vue index 6f29dbb74..6d142b1cd 100644 --- a/app/javascript/dashboard/components/NetworkNotification.vue +++ b/app/javascript/dashboard/components/NetworkNotification.vue @@ -77,7 +77,7 @@ export default { @import '~dashboard/assets/scss/mixins'; .ui-notification-container { - max-width: 40rem; + max-width: 25rem; position: absolute; right: var(--space-normal); top: var(--space-normal); @@ -94,7 +94,7 @@ export default { border-radius: var(--border-radius-medium); box-shadow: var(--shadow-large); - min-width: 24rem; + min-width: 15rem; padding: var(--space-normal); } diff --git a/app/javascript/dashboard/components/SettingsSection.vue b/app/javascript/dashboard/components/SettingsSection.vue index b827ad9d4..3222434ae 100644 --- a/app/javascript/dashboard/components/SettingsSection.vue +++ b/app/javascript/dashboard/components/SettingsSection.vue @@ -1,11 +1,11 @@