Skip to content

Commit

Permalink
fixed broken styles for akita
Browse files Browse the repository at this point in the history
  • Loading branch information
@bklaing2
bklaing2 committed Oct 9, 2024
1 parent d23ac9a commit 01c0497
Show file tree
Hide file tree
Showing 5 changed files with 98 additions and 81 deletions.
5 changes: 4 additions & 1 deletion src/stylesheets/doi.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,4 +99,7 @@ Datacite - Bootstrap 5 theme
@import "doi/pages/stats-portal";
@import "doi/pages/metadata";
@import "doi/pages/doi";
@import "doi/pages/repository-finder"
@import "doi/pages/repository-finder";

// Styles to fix things broken during the upgrade process
@import "doi/globals/styles";
30 changes: 15 additions & 15 deletions src/stylesheets/doi/components/_labels.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,21 +25,21 @@ category: Components
display: inline-block;
margin-bottom: 3px;
}
// .badge-primary {
// background-color: $primary-color;
// }
// .badge-info {
// background-color: $info-color;
// }
// .badge-success {
// background-color: $success-color;
// }
// .badge-warning {
// background-color: $warning-color;
// }
// .badge-danger {
// background-color: $danger-color;
// }
.badge-primary {
background-color: $primary-color;
}
.badge-info {
background-color: $info-color;
}
.badge-success {
background-color: $success-color;
}
.badge-warning {
background-color: $warning-color;
}
.badge-danger {
background-color: $danger-color;
}
.badge-allocating {
color: $darker-gray;
background-color: $light-blue;
Expand Down
140 changes: 75 additions & 65 deletions src/stylesheets/doi/components/_tabs-navs-pagination.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,30 +4,35 @@
.nav-tabs-member {
padding-bottom: 0;
border-bottom: 1px solid $light-gray !important;
border-bottom: 1px solid $light-gray !important;
margin-bottom: 3em;
margin-left: -10px;

.nav-link {
.nav-item button {
padding-left: 0;
margin-left: 10px;
// margin-bottom: -2px;
border-left: none;
border-right: none;
border-top: none;
}

.nav-link.active.doi {
cursor: pointer;
}

a, a:focus, a:hover, .active {
button, button:focus, button:hover, .active {
font-size: $font-size-h3;
}
a {
button {
color: $darker-gray;
font-weight: bold;
}
a:hover, .active > a:hover {
button:hover, .active > button:hover {
color: $medium-gray;
font-weight: bold;
}
a:focus, > li > a:focus, .active > a, .active > a:focus, a.active {
button:focus, > li > button:focus, .active > button, .active > button:focus, button.active {
color: $turquoise !important;
}
}
Expand All @@ -41,7 +46,7 @@
border-bottom: 1px solid $light-gray;
margin-bottom: 30px;

.nav > li > a, .nav-link {
.nav > li > button, .nav-link {
padding-bottom: 20px;
}
}
Expand All @@ -58,16 +63,16 @@
font-size: $font-size-base;
font-weight: $font-weight-bold;
> li{
> a{
> button{
border: 0 none;
color: $other-medium-gray;
}
> a:hover{
> button:hover{
color: $font-color;
}
}

li.active, a.active {
li.active, button.active {
color: $font-color;
position: relative;

Expand All @@ -76,8 +81,13 @@
border-bottom: 1px solid $light-gray !important;
//height: 50px;
}
background-color: transparent;
border: 0 none;
border-bottom: 1px solid $light-gray !important;
//height: 50px;
}

a.active:before{
button.active:before{
border-bottom: 11px solid $light-gray;
border-left: 11px solid rgba(0, 0, 0, 0);
border-right: 11px solid rgba(0, 0, 0, 0);
Expand All @@ -88,7 +98,7 @@
bottom: 0;
}

a.active:after{
button.active:after{
border-bottom: 11px solid $white-color;
border-left: 11px solid rgba(0, 0, 0, 0);
border-right: 11px solid rgba(0, 0, 0, 0);
Expand All @@ -106,7 +116,7 @@
> li + li {
margin-left: 0;
}
> li > a {
> li > button {
border: 2px solid $default-color;
border-radius: 0;
color: $default-color;
Expand All @@ -115,9 +125,9 @@
padding: 5px 20px;

}
> li.active > a,
> li.active > a:hover,
> li.active > a:focus {
> li.active > button,
> li.active > button:hover,
> li.active > button:focus {
background-color: $default-color;
color: #FFFFFF;
}
Expand All @@ -126,11 +136,11 @@
background-color: $default-color;
border: 1px solid white;
}
> li:first-child > a{
> li:first-child > button{
border-radius: 30px 0 0 30px;
margin: 0;
}
> li:last-child > a{
> li:last-child > button{
border-radius: 0 30px 30px 0;
}

Expand All @@ -144,11 +154,11 @@
}
}

.pagination > li > a,
.pagination > li > button,
.pagination > li > span,
.pagination > li:first-child > a,
.pagination > li:first-child > button,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > button,
.pagination > li:last-child > span,
// .page-item,
.page-link {
Expand All @@ -161,14 +171,14 @@
min-width: 36px;
padding: 3px 12px;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > a:active,
.pagination > li.active > a,
.pagination > li > button:hover,
.pagination > li > button:focus,
.pagination > li > button:active,
.pagination > li.active > button,
.pagination > li.active > span,
.pagination > li.active > a:hover,
.pagination > li.active > button:hover,
.pagination > li.active > span:hover,
.pagination > li.active > a:focus,
.pagination > li.active > button:focus,
.pagination > li.active > span:focus,
// .page-item,
.page-link {
Expand All @@ -177,30 +187,30 @@
color: $white-color;
}

.nav-pills-primary > li > a,
.pagination-primary > li > a,
.nav-pills-primary > li > button,
.pagination-primary > li > button,
.pagination-primary > li > span,
.pagination-primary > li:first-child > a,
.pagination-primary > li:first-child > button,
.pagination-primary > li:first-child > span,
.pagination-primary > li:last-child > a,
.pagination-primary > li:last-child > button,
.pagination-primary > li:last-child > span,
// .page-item,
.page-link {
border: 2px solid $gray;
color: $gray;
}

.nav-pills-primary > li.active > a,
.nav-pills-primary > li.active > a:hover,
.nav-pills-primary > li.active > a:focus,
.pagination-primary > li > a:hover,
.pagination-primary > li > a:focus,
.pagination-primary > li > a:active,
.pagination-primary > li.active > a,
.nav-pills-primary > li.active > button,
.nav-pills-primary > li.active > button:hover,
.nav-pills-primary > li.active > button:focus,
.pagination-primary > li > button:hover,
.pagination-primary > li > button:focus,
.pagination-primary > li > button:active,
.pagination-primary > li.active > button,
.pagination-primary > li.active > span,
.pagination-primary > li.active > a:hover,
.pagination-primary > li.active > button:hover,
.pagination-primary > li.active > span:hover,
.pagination-primary > li.active > a:focus,
.pagination-primary > li.active > button:focus,
.pagination-primary > li.active > span:focus,
// .page-item,
.page-link {
Expand All @@ -209,30 +219,30 @@
color: $white-color;
}

.nav-pills-info > li > a,
.pagination-info > li > a,
.nav-pills-info > li > button,
.pagination-info > li > button,
.pagination-info > li > span,
.pagination-info > li:first-child > a,
.pagination-info > li:first-child > button,
.pagination-info > li:first-child > span,
.pagination-info > li:last-child > a,
.pagination-info > li:last-child > button,
.pagination-info > li:last-child > span,
// .page-item,
.page-link {
border: 2px solid $info-color;
color: $info-color;
}

.nav-pills-info > li.active > a,
.nav-pills-info > li.active > a:hover,
.nav-pills-info > li.active > a:focus,
.pagination-info > li > a:hover,
.pagination-info > li > a:focus,
.pagination-info > li > a:active,
.pagination-info > li.active > a,
.nav-pills-info > li.active > button,
.nav-pills-info > li.active > button:hover,
.nav-pills-info > li.active > button:focus,
.pagination-info > li > button:hover,
.pagination-info > li > button:focus,
.pagination-info > li > button:active,
.pagination-info > li.active > button,
.pagination-info > li.active > span,
.pagination-info > li.active > a:hover,
.pagination-info > li.active > button:hover,
.pagination-info > li.active > span:hover,
.pagination-info > li.active > a:focus,
.pagination-info > li.active > button:focus,
.pagination-info > li.active > span:focus,
// .page-item,
.page-link {
Expand All @@ -241,30 +251,30 @@
color: $white-color;
}

.nav-pills-success > li > a,
.pagination-success > li > a,
.nav-pills-success > li > button,
.pagination-success > li > button,
.pagination-success > li > span,
.pagination-success > li:first-child > a,
.pagination-success > li:first-child > button,
.pagination-success > li:first-child > span,
.pagination-success > li:last-child > a,
.pagination-success > li:last-child > button,
.pagination-success > li:last-child > span,
// .page-item,
.page-link {
border: 2px solid $success-color;
color: $success-color;
}

.nav-pills-success > li.active > a,
.nav-pills-success > li.active > a:hover,
.nav-pills-success > li.active > a:focus,
.pagination-success > li > a:hover,
.pagination-success > li > a:focus,
.pagination-success > li > a:active,
.pagination-success > li.active > a,
.nav-pills-success > li.active > button,
.nav-pills-success > li.active > button:hover,
.nav-pills-success > li.active > button:focus,
.pagination-success > li > button:hover,
.pagination-success > li > button:focus,
.pagination-success > li > button:active,
.pagination-success > li.active > button,
.pagination-success > li.active > span,
.pagination-success > li.active > a:hover,
.pagination-success > li.active > button:hover,
.pagination-success > li.active > span:hover,
.pagination-success > li.active > a:focus,
.pagination-success > li.active > button:focus,
.pagination-success > li.active > span:focus,
// .page-item,
.page-link {
Expand Down
3 changes: 3 additions & 0 deletions src/stylesheets/doi/globals/_styles.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
a {
text-decoration: none
}
1 change: 1 addition & 0 deletions src/stylesheets/doi/pages/_search.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ h3.member-results, h3.provider-results, h3.user-results, h3.doi-results, h3.work
color: $turquoise;
border-bottom: 1px solid $medium-gray;
padding: 0;
margin: 0 0 .35em 0;

.small { font-size: $font-size-base; }
}
Expand Down

0 comments on commit 01c0497

Please sign in to comment.