diff --git a/frontend/components/CommandPalette/_styles.scss b/frontend/components/CommandPalette/_styles.scss index 6198054ab0f..fa2573dfd19 100644 --- a/frontend/components/CommandPalette/_styles.scss +++ b/frontend/components/CommandPalette/_styles.scss @@ -68,7 +68,6 @@ &__input { flex: 1; min-width: 0; - box-sizing: border-box; height: 44px; padding: $pad-small; font-size: $x-small; diff --git a/frontend/components/FeedListItem/_styles.scss b/frontend/components/FeedListItem/_styles.scss index e238cd334ef..ecff18e9342 100644 --- a/frontend/components/FeedListItem/_styles.scss +++ b/frontend/components/FeedListItem/_styles.scss @@ -4,7 +4,6 @@ grid-template-rows: max-content; &__avatar-wrapper { - box-sizing: border-box; display: grid; grid-template-columns: 16px 16px; grid-template-rows: 8px 32px 1fr; diff --git a/frontend/components/FlashMessage/_styles.scss b/frontend/components/FlashMessage/_styles.scss index 78b45060c9e..c641a3136aa 100644 --- a/frontend/components/FlashMessage/_styles.scss +++ b/frontend/components/FlashMessage/_styles.scss @@ -21,7 +21,6 @@ padding: $pad-small $pad-medium; z-index: 999; border: 1px solid; - box-sizing: border-box; border-radius: 8px; max-width: calc(100% - 64px); // Same horizontal margin as .main-content pointer-events: auto; diff --git a/frontend/components/Modal/_styles.scss b/frontend/components/Modal/_styles.scss index f4a8a842de5..3416a96ce15 100644 --- a/frontend/components/Modal/_styles.scss +++ b/frontend/components/Modal/_styles.scss @@ -65,7 +65,6 @@ &__modal_container { @include position(absolute, 22px null null null); - box-sizing: border-box; background-color: $core-fleet-white; padding: $pad-xxlarge; border-radius: 8px; diff --git a/frontend/components/SidePanelContent/_styles.scss b/frontend/components/SidePanelContent/_styles.scss index 6508dde7caf..8b49f6c31a7 100644 --- a/frontend/components/SidePanelContent/_styles.scss +++ b/frontend/components/SidePanelContent/_styles.scss @@ -1,6 +1,5 @@ .side-panel-content { background-color: $core-fleet-white; - box-sizing: border-box; border-left: 1px solid $ui-gray; body.dark-mode & { diff --git a/frontend/components/SidePanelPage/_styles.scss b/frontend/components/SidePanelPage/_styles.scss index 6d8507a2527..59bac956122 100644 --- a/frontend/components/SidePanelPage/_styles.scss +++ b/frontend/components/SidePanelPage/_styles.scss @@ -34,7 +34,6 @@ $main-max-width-including-padding: 1280px + 32px + 32px; // Cannot use variables /* Main Content logic per breakpoint */ .main-content { position: relative; - box-sizing: border-box; padding: $main-padding; /* Default: for < ($main-max-width-including-padding + $side-panel-width) */ diff --git a/frontend/components/Tag/_styles.scss b/frontend/components/Tag/_styles.scss index 6832637eda7..b2bc4d90410 100644 --- a/frontend/components/Tag/_styles.scss +++ b/frontend/components/Tag/_styles.scss @@ -17,7 +17,6 @@ background: none; cursor: pointer; outline: inherit; - box-sizing: inherit; &:focus { // this is defined in the Button component styles diff --git a/frontend/components/TargetLabelSelector/_styles.scss b/frontend/components/TargetLabelSelector/_styles.scss index d7b953c17dd..d6bcddc838a 100644 --- a/frontend/components/TargetLabelSelector/_styles.scss +++ b/frontend/components/TargetLabelSelector/_styles.scss @@ -36,7 +36,6 @@ &__label { width: 100%; padding: $pad-small $pad-medium; - box-sizing: border-box; display: flex; align-items: center; diff --git a/frontend/components/TargetsInput/_styles.scss b/frontend/components/TargetsInput/_styles.scss index 1a28eecc8ff..dbe0e933f42 100644 --- a/frontend/components/TargetsInput/_styles.scss +++ b/frontend/components/TargetsInput/_styles.scss @@ -44,7 +44,6 @@ display: flex; justify-content: center; box-shadow: 0px 4px 10px rgba(52, 59, 96, 0.15); - box-sizing: border-box; } } // hack because it's creating unwanted space diff --git a/frontend/components/buttons/Button/_styles.scss b/frontend/components/buttons/Button/_styles.scss index 6681ddb6781..534eb68d92c 100644 --- a/frontend/components/buttons/Button/_styles.scss +++ b/frontend/components/buttons/Button/_styles.scss @@ -174,7 +174,6 @@ $base-class: "button"; ); color: $core-fleet-green; border: 1px solid $core-fleet-green; - box-sizing: border-box; font-size: $xx-small; padding: $pad-xsmall 10px; height: 24px; @@ -200,7 +199,6 @@ $base-class: "button"; color: $ui-fleet-black-75; border: 1px solid $ui-fleet-black-25; border-radius: 4px; - box-sizing: border-box; font-size: $xx-small; font-weight: $bold; padding: 0 $pad-small; @@ -432,7 +430,6 @@ $base-class: "button"; ); background-color: transparent; color: $ui-fleet-black-75; - box-sizing: border-box; .children-wrapper { gap: $pad-small; // For icons next to text like Pagination buttons @@ -447,7 +444,6 @@ $base-class: "button"; $inverse: true ); color: $core-vibrant-red; - box-sizing: border-box; } &--disabled { diff --git a/frontend/components/forms/fields/AutoSizeInputField/_styles.scss b/frontend/components/forms/fields/AutoSizeInputField/_styles.scss index a1e41013a22..4848f87bd48 100644 --- a/frontend/components/forms/fields/AutoSizeInputField/_styles.scss +++ b/frontend/components/forms/fields/AutoSizeInputField/_styles.scss @@ -1,5 +1,4 @@ .component__auto-size-input-field { - box-sizing: border-box; color: $core-fleet-black; &::placeholder { diff --git a/frontend/components/forms/fields/Dropdown/_styles.scss b/frontend/components/forms/fields/Dropdown/_styles.scss index f24c524dc6b..3ee84031650 100644 --- a/frontend/components/forms/fields/Dropdown/_styles.scss +++ b/frontend/components/forms/fields/Dropdown/_styles.scss @@ -39,7 +39,6 @@ .Select-control { color: $core-vibrant-red; border: 1px solid $core-vibrant-red; - box-sizing: border-box; border-radius: $border-radius; } @@ -280,7 +279,6 @@ color: $ui-fleet-black-50; font-size: $x-small; line-height: 34px; - box-sizing: border-box; } .Select-clear-zone { @@ -294,7 +292,6 @@ .Select-input { color: $core-fleet-black; font-size: $x-small; - box-sizing: border-box; height: 34px; &:focus { diff --git a/frontend/components/forms/fields/InputField/_styles.scss b/frontend/components/forms/fields/InputField/_styles.scss index dd2e3060b8b..ff4bebc96bb 100644 --- a/frontend/components/forms/fields/InputField/_styles.scss +++ b/frontend/components/forms/fields/InputField/_styles.scss @@ -7,7 +7,6 @@ padding: $pad-small $pad-medium; color: $core-fleet-black; font-family: "Inter", sans-serif; - box-sizing: border-box; height: 36px; transition: border-color 100ms; width: 100%; @@ -35,7 +34,6 @@ &--error { color: $core-vibrant-red; border: 1px solid $core-vibrant-red; - box-sizing: border-box; border-radius: $border-radius; &:focus { diff --git a/frontend/components/forms/fields/InputFieldWithIcon/_styles.scss b/frontend/components/forms/fields/InputFieldWithIcon/_styles.scss index 1f2ea2b399c..97f8a227e61 100644 --- a/frontend/components/forms/fields/InputFieldWithIcon/_styles.scss +++ b/frontend/components/forms/fields/InputFieldWithIcon/_styles.scss @@ -18,7 +18,6 @@ &--error { border: 1px solid $core-vibrant-red; - box-sizing: border-box; border-radius: $border-radius; } } @@ -40,7 +39,6 @@ text-indent: 1px; position: relative; width: 100%; - box-sizing: border-box; color: $core-fleet-black; font-weight: $regular; transition: border-color 100ms; @@ -69,7 +67,6 @@ &--error { color: $core-vibrant-red; border: 1px solid $core-vibrant-red; - box-sizing: border-box; border-radius: $border-radius; } } diff --git a/frontend/layouts/CoreLayout/_styles.scss b/frontend/layouts/CoreLayout/_styles.scss index 821f5c18979..83e5b4d2c13 100644 --- a/frontend/layouts/CoreLayout/_styles.scss +++ b/frontend/layouts/CoreLayout/_styles.scss @@ -40,7 +40,6 @@ .site-nav-container { background: $core-fleet-white; border-bottom: 1px solid $ui-fleet-black-10; - box-sizing: border-box; top: 0; left: 0; z-index: 100; diff --git a/frontend/pages/ConfirmInvitePage/_styles.scss b/frontend/pages/ConfirmInvitePage/_styles.scss index c6291afe628..e21e1915df1 100644 --- a/frontend/pages/ConfirmInvitePage/_styles.scss +++ b/frontend/pages/ConfirmInvitePage/_styles.scss @@ -1,6 +1,5 @@ .confirm-invite-page { &__form-section-wrapper { - box-sizing: border-box; margin-bottom: 110px; } diff --git a/frontend/pages/DashboardPage/_styles.scss b/frontend/pages/DashboardPage/_styles.scss index 75b867beebd..64ca7a08508 100644 --- a/frontend/pages/DashboardPage/_styles.scss +++ b/frontend/pages/DashboardPage/_styles.scss @@ -34,7 +34,6 @@ } .card { - box-sizing: border-box; overflow-x: hidden; } diff --git a/frontend/pages/DashboardPage/cards/ActivityFeed/components/ActivityAutomationDetailsModal/_styles.scss b/frontend/pages/DashboardPage/cards/ActivityFeed/components/ActivityAutomationDetailsModal/_styles.scss index f977096e13e..254fd401334 100644 --- a/frontend/pages/DashboardPage/cards/ActivityFeed/components/ActivityAutomationDetailsModal/_styles.scss +++ b/frontend/pages/DashboardPage/cards/ActivityFeed/components/ActivityAutomationDetailsModal/_styles.scss @@ -1,5 +1,4 @@ .activity-automation-details-modal { - box-sizing: border-box; width: 811px; &__modal-content { diff --git a/frontend/pages/DashboardPage/cards/ActivityFeed/components/ActivityTypeDropdown/_styles.scss b/frontend/pages/DashboardPage/cards/ActivityFeed/components/ActivityTypeDropdown/_styles.scss index 0a3dc5f0ff2..50e21c0982b 100644 --- a/frontend/pages/DashboardPage/cards/ActivityFeed/components/ActivityTypeDropdown/_styles.scss +++ b/frontend/pages/DashboardPage/cards/ActivityFeed/components/ActivityTypeDropdown/_styles.scss @@ -23,7 +23,6 @@ color: $core-fleet-blue; font-family: "Inter", sans-serif; font-size: $x-small; - box-sizing: border-box; height: 36px; &::placeholder { @@ -51,7 +50,6 @@ &--error { color: $core-vibrant-red; border: 1px solid $core-vibrant-red; - box-sizing: border-box; border-radius: $border-radius; &:focus { diff --git a/frontend/pages/DashboardPage/cards/ActivityFeed/components/RunScriptDetailsModal/_styles.scss b/frontend/pages/DashboardPage/cards/ActivityFeed/components/RunScriptDetailsModal/_styles.scss index b9f2ae15bff..fa39d9a7656 100644 --- a/frontend/pages/DashboardPage/cards/ActivityFeed/components/RunScriptDetailsModal/_styles.scss +++ b/frontend/pages/DashboardPage/cards/ActivityFeed/components/RunScriptDetailsModal/_styles.scss @@ -1,5 +1,4 @@ .run-script-details-modal { - box-sizing: border-box; width: 811px; &__modal-content { diff --git a/frontend/pages/DashboardPage/components/ActivityFeedAutomationsModal/_styles.scss b/frontend/pages/DashboardPage/components/ActivityFeedAutomationsModal/_styles.scss index c6aece6dba5..d98fbde19fd 100644 --- a/frontend/pages/DashboardPage/components/ActivityFeedAutomationsModal/_styles.scss +++ b/frontend/pages/DashboardPage/components/ActivityFeedAutomationsModal/_styles.scss @@ -6,7 +6,6 @@ } pre { - box-sizing: border-box; margin: 0; } } diff --git a/frontend/pages/ManageControlsPage/OSSettings/cards/DiskEncryption/_styles.scss b/frontend/pages/ManageControlsPage/OSSettings/cards/DiskEncryption/_styles.scss index f5f24dc618e..29245254d39 100644 --- a/frontend/pages/ManageControlsPage/OSSettings/cards/DiskEncryption/_styles.scss +++ b/frontend/pages/ManageControlsPage/OSSettings/cards/DiskEncryption/_styles.scss @@ -18,7 +18,6 @@ // Keeps table data within the table container at smaller screen sizes overflow-x: auto; // Prevent border from causing .side-nav__card-container horizontal scroll - box-sizing: border-box; } } } diff --git a/frontend/pages/ManageControlsPage/OSUpdates/components/EndUserOSRequirementPreview/_styles.scss b/frontend/pages/ManageControlsPage/OSUpdates/components/EndUserOSRequirementPreview/_styles.scss index a9f2aaf03cb..321f327a23c 100644 --- a/frontend/pages/ManageControlsPage/OSUpdates/components/EndUserOSRequirementPreview/_styles.scss +++ b/frontend/pages/ManageControlsPage/OSUpdates/components/EndUserOSRequirementPreview/_styles.scss @@ -1,5 +1,4 @@ .os-requirement-preview { - box-sizing: border-box; background-color: $ui-off-white; border-radius: $border-radius; border: 1px solid $ui-fleet-black-10; diff --git a/frontend/pages/SoftwarePage/SoftwareLibrary/SelfServiceCategoriesPage/_styles.scss b/frontend/pages/SoftwarePage/SoftwareLibrary/SelfServiceCategoriesPage/_styles.scss index a733d1f1fb4..3748bbd7452 100644 --- a/frontend/pages/SoftwarePage/SoftwareLibrary/SelfServiceCategoriesPage/_styles.scss +++ b/frontend/pages/SoftwarePage/SoftwareLibrary/SelfServiceCategoriesPage/_styles.scss @@ -26,7 +26,6 @@ .upload-list__list-item { padding: 0 $pad-large; height: 56px; - box-sizing: border-box; } } diff --git a/frontend/pages/SoftwarePage/components/forms/PackageForm/_styles.scss b/frontend/pages/SoftwarePage/components/forms/PackageForm/_styles.scss index 6f88c04649c..b04e31aeeff 100644 --- a/frontend/pages/SoftwarePage/components/forms/PackageForm/_styles.scss +++ b/frontend/pages/SoftwarePage/components/forms/PackageForm/_styles.scss @@ -61,10 +61,6 @@ } } - &__file-uploader { - box-sizing: border-box; - } - &__form-fields { &--gitops-disabled { @include disabled; diff --git a/frontend/pages/SoftwarePage/components/forms/SoftwareOptionsSelector/_styles.scss b/frontend/pages/SoftwarePage/components/forms/SoftwareOptionsSelector/_styles.scss index f5c6167b883..42c2ee6c4d8 100644 --- a/frontend/pages/SoftwarePage/components/forms/SoftwareOptionsSelector/_styles.scss +++ b/frontend/pages/SoftwarePage/components/forms/SoftwareOptionsSelector/_styles.scss @@ -21,7 +21,6 @@ &__label { width: 100%; padding: $pad-small $pad-medium; - box-sizing: border-box; display: flex; align-items: center; diff --git a/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/IntegrationForm/_styles.scss b/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/IntegrationForm/_styles.scss index 8ddc65149cf..864e3bece2d 100644 --- a/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/IntegrationForm/_styles.scss +++ b/frontend/pages/admin/IntegrationsPage/cards/Integrations/components/IntegrationForm/_styles.scss @@ -85,7 +85,6 @@ width: 98%; float: left; padding: 0 $pad-medium 0 0; - box-sizing: border-box; .input-icon-field { width: 100%; diff --git a/frontend/pages/admin/ManageUsersPage/components/UserForm/_styles.scss b/frontend/pages/admin/ManageUsersPage/components/UserForm/_styles.scss index 1836087f0c6..3dc3e8c40e7 100644 --- a/frontend/pages/admin/ManageUsersPage/components/UserForm/_styles.scss +++ b/frontend/pages/admin/ManageUsersPage/components/UserForm/_styles.scss @@ -49,7 +49,6 @@ } &__password { - box-sizing: border-box; .input-icon-field { width: 100%; diff --git a/frontend/pages/hosts/ManageHostsPage/components/CustomLabelGroupHeading/_styles.scss b/frontend/pages/hosts/ManageHostsPage/components/CustomLabelGroupHeading/_styles.scss index ab5e1d59592..1064605cad7 100644 --- a/frontend/pages/hosts/ManageHostsPage/components/CustomLabelGroupHeading/_styles.scss +++ b/frontend/pages/hosts/ManageHostsPage/components/CustomLabelGroupHeading/_styles.scss @@ -34,7 +34,6 @@ color: $core-fleet-blue; font-family: "Inter", sans-serif; font-size: $x-small; - box-sizing: border-box; height: 36px; margin-bottom: $pad-medium; @@ -64,7 +63,6 @@ &--error { color: $core-vibrant-red; border: 1px solid $core-vibrant-red; - box-sizing: border-box; border-radius: $border-radius; &:focus { diff --git a/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/_styles.scss b/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/_styles.scss index 90da3f9a7b0..9ac822ac55d 100644 --- a/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/_styles.scss +++ b/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/_styles.scss @@ -1,5 +1,4 @@ .run-script-modal { - box-sizing: border-box; width: 811px; &__modal-content { diff --git a/frontend/pages/hosts/details/cards/Software/SelfService/components/CategoryFilter/_styles.scss b/frontend/pages/hosts/details/cards/Software/SelfService/components/CategoryFilter/_styles.scss index 19773d9a98b..0a124752b92 100644 --- a/frontend/pages/hosts/details/cards/Software/SelfService/components/CategoryFilter/_styles.scss +++ b/frontend/pages/hosts/details/cards/Software/SelfService/components/CategoryFilter/_styles.scss @@ -70,7 +70,6 @@ color: $core-fleet-blue; font-family: "Inter", sans-serif; font-size: $x-small; - box-sizing: border-box; height: 36px; &::placeholder { diff --git a/frontend/pages/policies/ManagePoliciesPage/components/AutomationsModal/components/CalendarEventsModal/_styles.scss b/frontend/pages/policies/ManagePoliciesPage/components/AutomationsModal/components/CalendarEventsModal/_styles.scss index 2514d85bb25..ed5dff61a6b 100644 --- a/frontend/pages/policies/ManagePoliciesPage/components/AutomationsModal/components/CalendarEventsModal/_styles.scss +++ b/frontend/pages/policies/ManagePoliciesPage/components/AutomationsModal/components/CalendarEventsModal/_styles.scss @@ -19,7 +19,6 @@ } pre { - box-sizing: border-box; margin: 0; } } diff --git a/frontend/pages/policies/ManagePoliciesPage/components/AutomationsModal/components/OtherWorkflowsModal/ExampleTicket/_styles.scss b/frontend/pages/policies/ManagePoliciesPage/components/AutomationsModal/components/OtherWorkflowsModal/ExampleTicket/_styles.scss index 4212f33fa5e..ad84948c817 100644 --- a/frontend/pages/policies/ManagePoliciesPage/components/AutomationsModal/components/OtherWorkflowsModal/ExampleTicket/_styles.scss +++ b/frontend/pages/policies/ManagePoliciesPage/components/AutomationsModal/components/OtherWorkflowsModal/ExampleTicket/_styles.scss @@ -2,7 +2,6 @@ display: flex; flex-direction: column; align-items: center; - box-sizing: border-box; &__screenshot { max-width: 400px; diff --git a/frontend/pages/policies/components/PatchAutomationCta/_styles.scss b/frontend/pages/policies/components/PatchAutomationCta/_styles.scss index 6759044c82e..635bd193bb8 100644 --- a/frontend/pages/policies/components/PatchAutomationCta/_styles.scss +++ b/frontend/pages/policies/components/PatchAutomationCta/_styles.scss @@ -2,7 +2,6 @@ display: flex; align-items: center; justify-content: space-between; - box-sizing: border-box; width: 100%; padding: $pad-medium; background-color: $ui-fleet-black-5; diff --git a/frontend/pages/policies/edit/components/PolicyErrorsTable/_styles.scss b/frontend/pages/policies/edit/components/PolicyErrorsTable/_styles.scss index f89dad8cf0f..fe66cbc6594 100644 --- a/frontend/pages/policies/edit/components/PolicyErrorsTable/_styles.scss +++ b/frontend/pages/policies/edit/components/PolicyErrorsTable/_styles.scss @@ -103,6 +103,5 @@ .no-team-policy { border: 1px solid #e2e4ea; - box-sizing: border-box; border-radius: 8px; } diff --git a/frontend/pages/policies/edit/components/PolicyResultsTable/_styles.scss b/frontend/pages/policies/edit/components/PolicyResultsTable/_styles.scss index d8d66d61ff2..f1f4e4cbd86 100644 --- a/frontend/pages/policies/edit/components/PolicyResultsTable/_styles.scss +++ b/frontend/pages/policies/edit/components/PolicyResultsTable/_styles.scss @@ -121,6 +121,5 @@ .no-team-policy { border: 1px solid #e2e4ea; - box-sizing: border-box; border-radius: 8px; } diff --git a/frontend/pages/queries/ManageQueriesPage/components/ManageQueryAutomationsModal/_styles.scss b/frontend/pages/queries/ManageQueriesPage/components/ManageQueryAutomationsModal/_styles.scss index b91cd6f38b3..afa8cab401d 100644 --- a/frontend/pages/queries/ManageQueriesPage/components/ManageQueryAutomationsModal/_styles.scss +++ b/frontend/pages/queries/ManageQueriesPage/components/ManageQueryAutomationsModal/_styles.scss @@ -9,7 +9,6 @@ &__query-item { width: 100%; padding: 8px 12px; - box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; diff --git a/frontend/styles/global/_global.scss b/frontend/styles/global/_global.scss index 1e5c7396750..2ecb332cf39 100644 --- a/frontend/styles/global/_global.scss +++ b/frontend/styles/global/_global.scss @@ -1,12 +1,19 @@ html { position: relative; height: 100%; + box-sizing: border-box; // Because iOS hates us we must fight to the death! -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // End Apple War color-scheme: light; } +*, +*::before, +*::after { + box-sizing: inherit; +} + html:has(body.dark-mode) { // Tells the browser to render native UI (scrollbars, form controls, etc.) // in their dark variants when dark mode is active. @@ -146,10 +153,6 @@ form, p { margin: 0; } - - .info-banner { - box-sizing: border-box; - } } .form-field { diff --git a/frontend/styles/var/mixins.scss b/frontend/styles/var/mixins.scss index 0c6529bfad0..156fddfd4af 100644 --- a/frontend/styles/var/mixins.scss +++ b/frontend/styles/var/mixins.scss @@ -250,7 +250,6 @@ $max-width: 2560px; font-weight: $regular; font-size: $xx-small; border-radius: 4px; - box-sizing: border-box; z-index: 100; line-height: 1.375; white-space: initial;