mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-17 20:17:00 +02:00
c8f593a3eb
* Step one: remove bulma (#19587)
* remove bulma and get app running
* add back in each statments from bulma variables
* remove space
* address pr comments
* add back copyright headedr
* Step two: add back and organize relevant Bulma classes (#19664)
* VAULT-14566 copy/paste bulma css for classes that it defines and we do not.
* add three new helper files and move helpers.scss to a new directory called helper-classes
* rename utils/colors to color_variables
* integrate all bulma sizing into previous utils/spacing doc, address obvious duplicates and rename to spacing_variables.
* small class name issues
* clean up
* comment clean up
* Step three: add Bulma classes to relevant component styles (#19683)
* add in bulma classes used in global-flash component
* add in bulma classes used in the modal component
* remaining bulma classes that can integrate into the vault css
* remove replication-header.scss and replace with helper.
* add bulma tabs classes to tabs component scss file
* remove ui-wizard style
* only do bulma explicit classes for now
* add in breadcrumb styling from bulma
* integrate bulma into css
* remove unecessary tabs bulma styling
* remove non-relevant bulma classes
* remove non relevant bulma css
* Step three cont. Bulma classes to component files (#19691)
* return box-label to as before now that you have those bulma classes
* missing modal bulma classes
* add bulma class to box component
* missed some bulma box classes
* remove scss unecessary
* add in bulma classes to icon component.
* move up icon
* missed modal class
* clean up
* size vars to icon
* Step four: address core directory files (#19719)
* move some basic helpers over to typography helper.
* rename helpers to other
* moveing generic classes to other relevant scss files.
* rename generic to link
* clean up
* clean up
* address core/box
* remove hero because the class is not used anywhere.
* add in level bulma css
* welp forgot a file.
* add in missing bulma classes into core/menu
* UI/step four core files 2 (#19754)
* address issue with input border and box shadow
* remove the is-white class, it was being used very poorly, replaced with exisiting helpers.
* organizing the forms and button core files
* small amount of clean up
* hot mess of colors dealing with just danger for now
* removed moved over bulma classes
* use helper for this one off
* clean up
* wip on the buttons
* fix select select:: after
* clean up select from bulma-classes.
* clean up
* clean up
* small fix
* Cleaning up the last of the core files (welp there's still more) (#19779)
* one missing thing for level core.
* replace no-underline and link-item with helper text-decoration-none
* core/menu double check
* handle core/message
* create and add to bulma classes for core/columns
* add in bulma-classes columns and column... not fun to qa later.
* remove core/notification
* core/progress bar
* revert the hbs changes
* fix over revert
* Core files cont. Focus on core/form (#19794)
* create input and textarea core files, move charts
* remove input and textarea classes from bulma classes
* remove input-hint component file, never a component
* fix the mess that is help-text:
* help and is-help and sub-text are a mess...
* fix switch alignment issues
* deal with file-name
* clean file out of bulma-classes
* create layout helper and move out some remaining button classes
* deal with core/title
* is-marginless move to helper
* helper layout add to core
* clean up
* remove core/tables
* test
* Revert "test"
This reverts commit e695dedfe9.
* Core files continued (#19896)
* test
* combine input and textarea
* clean up navbar brannd
* clean up the single instance delete class used on the modal and match with flight icon
* add back autocomplete to component
* create core/file
* alphabetize file css blocks
* core/checkboxes create and address
* combine b-checkboxes classes and remove from core the utils
* address duplicate helper
* Core files continued (#19930)
* clean up helper and remove duplicate class
* more clean up of the other helper
* fix pagination, hot mess
* add radio to checkbox styling
* tag to tags rename singular
* container core file
* finally... changing forms to one element, field
* finally remove bulma-classes
* cleanup
* comment cleanup
* add comment about pagination
* Consolidating our size variables with Bulma's (#19951)
* remove bulma-size variables that are duplicates of our own
* remove unused is-size-xx and duplicate font weights
* remove duplicate class
* ahh this is madness
* remove column-gap var
* remove duplicate sizing of
* clean up breakpoints
* replace border-radius:2px for var so folks know the common border-radius
* replace header-height with new spacing var
* replace body-size and console-size vars with other sizing vars
* clean up final of size vars
* radius override things blah fixed
* last size var
* add back
* Finish size var clean up (#19970)
* remove size-small, etc.
* fix size-small things
* remove label unused classes
* move out font-family utils
* Update Color Vars (remove bulma color vars and overrides) (#20031)
* remove bulma_variables file
* remove duplicate helper
* replace hardcoded with color vars when appropriate
* broaden font-family utils
* add back box-link-hover-shadow
* welp
* fix pagination coloring
* Small fixes post var and core file work (#20035)
* fix auth-login splash container
* fix some splash page issues
* fix status menu
* fix menu-list regression
* fix regression on button text-decoration
* fix tag regression
* fix regression on select select
* fix regression on field field
* regression on textarea
* button focus state regression
* fix inputs
* fix is-outlined buttons
* Remove bulma switch (#20065)
* remove bulma/switch
* fix disbled style
* Bulma removal: starting the clean up process (#20066)
* remove unused class name
* add todo
* wip shamir-modal-flow usage of file styling
* final fix
* fix message type message-body css
* better match
* fix a.active on popup-menu-content
* VAULT-14625 fix
* blah overrides overrides and oh another override
* fix breadcrumb link
* fixes
* fix readonly state and hover on inputs.scss
* fix button style issue
* fix modal title spacing issue
* clean up
* fix switch
* fix checkbox issue and pr comment
* fix issue with tabs
* pr comment
* Bulma clean up cont. (#20119)
* gotta use rem on page container... it makes a difference, can't switch to px
* missing helper for background color
* fix textarea with icon
* can't seem to replace rem with px ;/
* fix table issues
* clean up columns.scss file
* fix
* fix rem vs px issues
* address some todos
* fix todo on help is-danger
* best effort for sizing var clean up
* reomve duplicate
* clearify
* welp forgot a word
* address sr-only class definition
* move to helper
* replaced single use class with helper and cleaned up flexbox
* move to make more sense
* move around layout and container
* color things
* things
* Cleanup 🧹 (#20196)
* remove carry over classes from bulma
* clean up title.scss
* clean up title is-5 has-top-padding-m and box.scss
* clean up breadcrumbs, buttons, c&r, columns
* clean up core files
* clean up cont looking at component files
* clean up remaining component files
* fix pagination
* pr comments, thank you
* add in merge color helper
* Remove out of scope changes (#20218)
* remove out of scope changes
* fix test
* add changelog
* remove scope creep
* fix scope creep cont
* qa fixes
* Fixes found while QA'ing Secret Engines (#20264)
* fix active tab issue for both secret and auth mounts
* use helper instead of :not last on content margin which causes problems
* fix missing disabled on b-checkbox
* quick fix
* deal with body-size issue
* fix order of other helper
* small fixes from qa
* update comments on the core files and change desktop font size from px back to rem
* missed 16px replaced with 1rem
* address chelseas comments
* fixes that jordan noticed
* remove unstable flexbox test
* test fix
* rename other to general
* address claires qa comments
* add in missing helper must have missed in earlier merge
* fix button
* small small small fix
125 lines
2.7 KiB
SCSS
125 lines
2.7 KiB
SCSS
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: MPL-2.0
|
|
*/
|
|
|
|
// This file defines the styles for .checkbox, .radio and .b-checkboxes. The prefix "b" comes from Bulma.
|
|
|
|
@import '../sass-svg-uri/svg-uri';
|
|
|
|
// checkbox and radio styling
|
|
.checkbox,
|
|
.radio {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
line-height: 1.25;
|
|
position: relative;
|
|
}
|
|
|
|
.checkbox input,
|
|
.radio input {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.checkbox:hover,
|
|
.radio:hover {
|
|
color: hsl(0, 0%, 21%);
|
|
}
|
|
|
|
.checkbox[disabled],
|
|
.radio[disabled],
|
|
.checkbox input[disabled],
|
|
.radio input[disabled] {
|
|
color: $grey;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
// radio only styling
|
|
.radio + .radio {
|
|
margin-left: 0.5em;
|
|
}
|
|
|
|
// one-off checkbox class
|
|
.checkbox-help-text {
|
|
color: $ui-gray-700;
|
|
font-size: $size-7;
|
|
padding-left: 28px;
|
|
}
|
|
|
|
// b-checkbox styling
|
|
.b-checkbox {
|
|
position: relative;
|
|
}
|
|
|
|
.b-checkbox label::before {
|
|
background-color: $white;
|
|
border-radius: 3px;
|
|
border: 1px solid $ui-gray-300;
|
|
content: '';
|
|
height: 17px;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 1px;
|
|
transition: background 0.1s ease-in-out;
|
|
width: 17px;
|
|
}
|
|
|
|
.b-checkbox input[type='checkbox']:checked + label::before {
|
|
border-color: $blue;
|
|
}
|
|
|
|
.b-checkbox input[type='checkbox']:checked + label::after,
|
|
.b-checkbox input[type='radio']:checked + label::after {
|
|
font-family: $family-monospace;
|
|
/*checkmark from ionicons*/
|
|
content: svg-uri(
|
|
'<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 512 512" fill="#{$blue}"><path d="M461.6 109.6l-54.9-43.3c-1.7-1.4-3.8-2.4-6.2-2.4-2.4 0-4.6 1-6.3 2.5L194.5 323s-78.5-75.5-80.7-77.7c-2.2-2.2-5.1-5.9-9.5-5.9s-6.4 3.1-8.7 5.4c-1.7 1.8-29.7 31.2-43.5 45.8-.8.9-1.3 1.4-2 2.1-1.2 1.7-2 3.6-2 5.7 0 2.2.8 4 2 5.7l2.8 2.6s139.3 133.8 141.6 136.1c2.3 2.3 5.1 5.2 9.2 5.2 4 0 7.3-4.3 9.2-6.2l249.1-320c1.2-1.7 2-3.6 2-5.8 0-2.5-1-4.6-2.4-6.4z"/></svg>'
|
|
);
|
|
}
|
|
|
|
.b-checkbox input[type='checkbox'],
|
|
.b-checkbox input[type='radio'] {
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
.b-checkbox label::after {
|
|
color: $ui-gray-800;
|
|
font-size: 12px;
|
|
height: 16px;
|
|
left: 3px;
|
|
position: absolute;
|
|
top: 3px;
|
|
width: 16px;
|
|
}
|
|
|
|
.b-checkbox label {
|
|
display: inline;
|
|
line-height: 1;
|
|
margin-left: 0.5rem;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.b-checkbox input[type='checkbox']:focus + label::before,
|
|
.b-checkbox input[type='radio']:focus + label::before {
|
|
outline: thin dotted;
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px;
|
|
}
|
|
|
|
.b-checkbox input[type='checkbox']:disabled + label::before,
|
|
.b-checkbox input[type='radio']:disabled + label::before {
|
|
background-color: $ui-gray-100;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.b-checkbox input[type='checkbox']:disabled + label,
|
|
.b-checkbox input[type='radio']:disabled + label {
|
|
opacity: 0.65;
|
|
}
|
|
|
|
.b-checkbox > .sub-text {
|
|
padding-left: 2rem;
|
|
}
|