vault/ui/app/styles/core/element-styling.scss
claire bontempo 43258c28fa
UI: HDS adoption replace <Modal> (#23382)
* UI: Part 1 - hds adoption replace <Modal> (#23363)

* replace policy-form modal

* replace clients/attribution modal

* clients/config modal

* scope form odal

* remove button type

* include toolbar to match other example templates

* rotate credentials modal

* add toolbar button class for hds buttons

* transformation-edit modal

* add back test selector

* add route arg to button!

* update link status

* fix link-status tests

* remove prevent default

* update db tests

* update tests

* use page alert for hcp link status banner

* fix scopy button selector

* fix sidebar test

* change to neutral banner

* UI: Part 2 - hds adoption replace <Modal>  (#23398)

* upgrade HDS library (adds support for snippet containers

* cleanup flight icons

* replace transit key action modals

* re-add deps as devDeps

* remove line

* address transit tests

* UI: Part 3 - hds adoption replace <Modal> (#23415)

* cleanup css

* cleanup extra type attr

* masked input download modal

* use Hds::Button in  download button"

* fix size of modal

* tiny icon fix

* refactor download button to always render download icon

* update tests

* UI: Part 3.5 - hds adoption replace <Modal> (#23448)

* replication-promote modal

* replication component modals

* replication add secondary modal

* move update text for diff

* UI: Part 4 - hds adoption replace <Modal>  (#23451)

* k8 configure modal

* kv delete modal

* ldap modals

* pki modals

* add trash icon

* move deps

* UI: Part 5 - hds adoption replace <Modal> (#23471)

* replace confirmation modals
---------

* UI: Part 6 - hds adoption replace <Modal>  (#23484)

* search select with modal

* policy search select modal

* replace date dropdown for client dashboard

* change padding to top

* update policy example args

* lolllll test typo wow

* update dropdown tests

* shamir flow modals!

* add one more container

* update test selectors

* UI: Final hds adoption replace <Modal> cleanup PR (#23522)

* search select with modal

* policy search select modal

* replace date dropdown for client dashboard

* change padding to top

* update policy example args

* lolllll test typo wow

* update dropdown tests

* shamir flow modals!

* add one more container

* update test selectors

* remove wormhole and modal component

* fix selectors

* uninstall wormhole

* remove shamir-modal-flow class

* fix confirm modal test

* fix pki and kv test

* fix toolbar selector kv

* client and download button test

* fix-confirmation-modal-padding

* fix replication modal tests so relevant modal opens (#23540)

* more confirmation modal tests

* adds changelog
2023-10-06 22:06:36 +00:00

197 lines
2.2 KiB
SCSS

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
/* These come from bulma */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}
a:hover,
body,
pre,
strong,
table th {
color: $ui-gray-900;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
ul {
list-style: none;
}
button,
input,
select,
textarea {
margin: 0;
}
html {
box-sizing: border-box;
}
* {
box-sizing: inherit;
}
*:before,
*:after {
box-sizing: inherit;
}
img,
embed,
object {
max-width: 100%;
}
html {
background-color: $white;
font-size: 14px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
min-width: 300px;
text-rendering: optimizeLegibility;
text-size-adjust: 100%;
}
article,
aside,
figure,
footer,
header,
hgroup,
section {
display: block;
}
body,
button,
input,
select,
textarea {
font-family: $family-sans;
}
code,
pre {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: inherit;
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
font-smooth: inherit;
}
a strong,
pre code {
color: currentColor;
}
body {
font-size: $size-6;
line-height: 1.5;
overflow-x: hidden;
overflow-y: scroll;
}
a {
color: $blue-500;
cursor: pointer;
text-decoration: underline;
&:hover,
&:active,
&:focus {
position: relative;
}
}
a:hover {
color: $ui-gray-900;
}
code {
background-color: transparent;
color: $ui-gray-700;
font-size: 1em;
font-weight: 400;
padding: 0;
}
hr {
background-color: $ui-gray-300;
border: none;
display: block;
height: 1px;
margin: 1rem 0;
}
img {
height: auto;
max-width: 100%;
}
form {
margin: 0;
}
label {
cursor: pointer;
}
// HDS modifications and overrides
// * ONLY for universal changes (i.e. to address component functionality)
// <Hds::Modal>
.hds-modal {
&:has(.hds-dropdown) {
overflow: unset;
}
}
.hds-modal__body {
&:has(.hds-dropdown) {
overflow: unset;
}
}
// <Hds::Dropdown>
.hds-dropdown-list-item {
> button:disabled {
color: $black;
opacity: 0.5;
cursor: not-allowed;
}
}