diff --git a/src/app/styles/mit-theme.scss b/src/app/styles/mit-theme.scss index 05ad7209..bb669fef 100644 --- a/src/app/styles/mit-theme.scss +++ b/src/app/styles/mit-theme.scss @@ -73,6 +73,52 @@ html { } } +@mixin secondaryButton { + background-color: $color-white !important; + border: 1px solid $color-blue-500 !important; + border-radius: 0 !important; + color: $color-text-primary !important; + font-weight: 500 !important; + + &:hover { + background-color: $color-blue-25 !important; + color: $color-blue-500 !important; + } + + &:focus-visible { + @include focusOutline; + } +} + +// Mixin to further override links that should look like links +@mixin overrideLinksToLinks { + color: $color-text-primary !important; + @include underlinedLinks; + + &:hover { + > .mat-mdc-button-persistent-ripple::before {opacity: 0 !important;} + + color: $color-blue-500 !important; + } +} + +// Mixin to overrde buttons that should appear like links +@mixin overrideButtonsToLinks { + color: $color-text-primary !important; + text-decoration: underline !important; + text-decoration-color: $color-blue-500 !important; + text-underline-offset: 0.25rem; + + .mdc-button__label > span { + overflow: visible !important ; + } + + &:hover { + > .mat-mdc-button-persistent-ripple::before {opacity: 0 !important;} + + color: $color-blue-500 !important; + } +} //=================== // MITL DS VARIABLES @@ -514,19 +560,7 @@ nde-record-title { nde-record-availability { button:not(.available-at-button) { - border: 1px solid $color-blue-500 !important; - border-radius: 0 !important; - color: $color-text-primary !important; - font-weight: 500 !important; - - &:hover { - background-color: $color-blue-25 !important; - color: $color-blue-500 !important; - } - - &:focus-visible { - @include focusOutline; - } + @include secondaryButton; } span.ti-dropdown mat-select, button.mat-mdc-menu-trigger{ @@ -558,6 +592,49 @@ nde-record-availability { } } + +// RESULT PAGE +// Updating buttons to DS styles +nde-request-card mat-card-actions{ + button { + @include secondaryButton; + } + + a.go-to-link-button { + @include overrideLinksToLinks; + } +} + +nde-location-items-requests { + button { + @include overrideButtonsToLinks; + } +} + +nde-location-item-service-button { + button { + @include overrideButtonsToLinks; + } +} + +#item-level-request-msg { + button { + @include overrideButtonsToLinks; + } +} + +// CITATION SEARCH PAGE +// Submit button +form .buttons-container-wrapper button[type="submit"] { + @include secondaryButton; + + &.mat-mdc-button-disabled { + background-color: $color-white !important; + border-color: $color-gray-400 !important; + color: $color-gray-400 !important; + } +} + // MY LIBRARY ACTIVITY PAGE (under profile when logged in) // Active link styling on left navigation @@ -566,4 +643,4 @@ nde-record-availability { background-color: $color-gray-200 !important; border-radius: 0 1.25rem 1.25rem 0 !important; color: $color-text-primary !important; -} \ No newline at end of file +}