From e08a8c1001d6051882a38df5fc66aedaacba0460 Mon Sep 17 00:00:00 2001 From: djanelle-mit Date: Mon, 23 Feb 2026 10:35:05 -0500 Subject: [PATCH 1/3] Secondary button styles to citation search forms --- src/app/styles/mit-theme.scss | 44 ++++++++++++++++++++++++----------- 1 file changed, 30 insertions(+), 14 deletions(-) diff --git a/src/app/styles/mit-theme.scss b/src/app/styles/mit-theme.scss index 05ad7209..574f0fcd 100644 --- a/src/app/styles/mit-theme.scss +++ b/src/app/styles/mit-theme.scss @@ -73,6 +73,22 @@ 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; + } +} //=================== // MITL DS VARIABLES @@ -514,19 +530,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 +562,18 @@ nde-record-availability { } } +// 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 +582,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 +} From 6fc5058bb833062aa86296a5c7a19288d9d2b0fa Mon Sep 17 00:00:00 2001 From: djanelle-mit Date: Mon, 23 Feb 2026 12:52:43 -0500 Subject: [PATCH 2/3] Styles to override results page links and buttons to be more obviously interactive --- src/app/styles/mit-theme.scss | 49 +++++++++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) diff --git a/src/app/styles/mit-theme.scss b/src/app/styles/mit-theme.scss index 574f0fcd..2b33a4a7 100644 --- a/src/app/styles/mit-theme.scss +++ b/src/app/styles/mit-theme.scss @@ -90,6 +90,36 @@ html { } } +// 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 //=================== @@ -562,6 +592,25 @@ 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; + } +} + // CITATION SEARCH PAGE // Submit button form .buttons-container-wrapper button[type="submit"] { From 4ebada0eab1fc195268059b74d809976df4d2dd4 Mon Sep 17 00:00:00 2001 From: djanelle-mit Date: Mon, 23 Feb 2026 13:43:54 -0500 Subject: [PATCH 3/3] Applying button to link style overrides to result page --- src/app/styles/mit-theme.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/src/app/styles/mit-theme.scss b/src/app/styles/mit-theme.scss index 2b33a4a7..bb669fef 100644 --- a/src/app/styles/mit-theme.scss +++ b/src/app/styles/mit-theme.scss @@ -611,6 +611,18 @@ nde-location-items-requests { } } +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"] {