hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 01:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

remove css variables in media queries

Browse Source
This commit is contained in:
Art Lowel
2021-03-08 17:51:03 +01:00
parent afa7b67532
commit 75c9be026e
17 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/+item-page/edit-item-page/item-metadata/item-metadata.component.scss
View File

@@ -6,7 +6,7 @@
margin-right: 0;
}
@media screen and (min-width: var(--ds-grid-breakpoints-sm)) {
@media screen and (min-width: map-get($grid-breakpoints, sm)) {
min-width: var(--ds-edit-item-button-min-width);
}
}

2
src/app/+item-page/edit-item-page/item-relationships/item-relationships.component.scss
View File

@@ -6,7 +6,7 @@
margin-right: 0;
}
@media screen and (min-width: var(--ds-grid-breakpoints-sm)) {
@media screen and (min-width: map-get($grid-breakpoints, sm)) {
min-width: var(--ds-edit-item-button-min-width);
}
}

2
src/app/+item-page/full/field-components/file-section/full-file-section.component.scss
View File

@@ -1,4 +1,4 @@
@media screen and (min-width: var(--ds-grid-breakpoints-md)) {
@media screen and (min-width: map-get($grid-breakpoints, md)) {
dt {
text-align: right;
}

2
src/app/header-nav-wrapper/header-navbar-wrapper.component.scss
View File

@@ -1,4 +1,4 @@
@media screen and (max-width: var(--ds-grid-breakpoints-md)) {
@media screen and (max-width: map-get($grid-breakpoints, md)) {
:host.open {
background-color: var(--bs-white);
top: 0;

2
src/app/header/header.component.scss
View File

@@ -1,6 +1,6 @@
.navbar-brand img {
height: var(--ds-header-logo-height);
@media screen and (max-width: var(--ds-grid-breakpoints-sm)) {
@media screen and (max-width: map-get($grid-breakpoints, sm)) {
height: var(--ds-header-logo-height-xs);
}
}

2
src/app/navbar/expandable-navbar-section/expandable-navbar-section.component.scss
View File

@@ -11,7 +11,7 @@
}
/** Mobile menu styling **/
@media screen and (max-width: var(--ds-grid-breakpoints-md)) {
@media screen and (max-width: map-get($grid-breakpoints, md)) {
.dropdown-toggle {
&:after {
float: right;

6
src/app/navbar/navbar.component.scss
View File

@@ -4,7 +4,7 @@ nav.navbar {
}
/** Mobile menu styling **/
@media screen and (max-width: var(--ds-grid-breakpoints-md)) {
@media screen and (max-width: map-get($grid-breakpoints, md)) {
.navbar {
width: 100%;
background-color: var(--bs-white);
@@ -17,7 +17,7 @@ nav.navbar {
}
}
@media screen and (min-width: var(--ds-grid-breakpoints-md)) {
@media screen and (min-width: map-get($grid-breakpoints, md)) {
.reset-padding-md {
margin-left: -calc(var(--bs-spacer) / 2);
margin-right: -calc(var(--bs-spacer) / 2);
@@ -26,7 +26,7 @@ nav.navbar {
/* TODO remove when https://github.com/twbs/bootstrap/issues/24726 is fixed */
.navbar-expand-md.navbar-container {
@media screen and (max-width: var(--ds-grid-breakpoints-md)) {
@media screen and (max-width: map-get($grid-breakpoints, md)) {
> .container {
padding: 0 var(--bs-spacer);
}

2
src/app/search-navbar/search-navbar.component.scss
View File

@@ -16,7 +16,7 @@ a.submit-icon {
@media screen and (max-width: var(--ds-grid-breakpoints-sm)) {
@media screen and (max-width: map-get($grid-breakpoints, sm)) {
#query:focus {
max-width: 250px !important;
width: 40vw !important;

2
src/app/shared/notifications/notifications-board/notifications-board.component.scss
View File

@@ -37,7 +37,7 @@
transform: translate(-50%, -50%);
}
@media screen and (max-width: var(--ds-grid-breakpoints-sm)) {
@media screen and (max-width: map-get($grid-breakpoints, sm)) {
.notifications-wrapper {
width: auto;
left: 0;

2
src/themes/mantis/app/+home-page/home-page.component.scss
View File

@@ -7,7 +7,7 @@ div.background-image {
background-position-y: -200px;
background-image: url('/assets/images/banner.jpg');
background-size: cover;
@media screen and (max-width: var(--bs-lg)) {
@media screen and (max-width: map-get($grid-breakpoints, lg)) {
background-position-y: 0;
}

2
src/themes/mantis/app/+item-page/simple/item-types/publication/publication.component.scss
View File

@@ -17,7 +17,7 @@
}
ds-metadata-field-wrapper {
@media screen and (max-width: var(--bs-md)) {
@media screen and (max-width: map-get($grid-breakpoints, md)) {
flex: 1;
padding-right: calc(var(--bs-spacer) / 2);
}

2
src/themes/mantis/app/entity-groups/journal-entities/item-pages/journal-issue/journal-issue.component.scss
View File

@@ -17,7 +17,7 @@
}
ds-metadata-field-wrapper {
@media screen and (max-width: var(--bs-md)) {
@media screen and (max-width: map-get($grid-breakpoints, md)) {
flex: 1;
padding-right: calc(var(--bs-spacer) / 2);
}

2
src/themes/mantis/app/entity-groups/journal-entities/item-pages/journal-volume/journal-volume.component.scss
View File

@@ -17,7 +17,7 @@
}
ds-metadata-field-wrapper {
@media screen and (max-width: var(--bs-md)) {
@media screen and (max-width: map-get($grid-breakpoints, md)) {
flex: 1;
padding-right: calc(var(--bs-spacer) / 2);
}

4
src/themes/mantis/app/entity-groups/journal-entities/item-pages/journal/journal.component.scss
View File

@@ -17,7 +17,7 @@
}
ds-metadata-field-wrapper {
@media screen and (max-width: var(--bs-md)) {
@media screen and (max-width: map-get($grid-breakpoints, md)) {
flex: 1;
padding-right: calc(var(--bs-spacer) / 2);
}
@@ -30,7 +30,7 @@
.search-container {
margin-bottom: var(--bs-spacer);
@media screen and (max-width: var(--bs-lg)) {
@media screen and (max-width: map-get($grid-breakpoints, lg)) {
width: 100%;
max-width: none;
}

2
src/themes/mantis/app/entity-groups/research-entities/item-pages/org-unit/org-unit.component.scss
View File

@@ -17,7 +17,7 @@
}
ds-metadata-field-wrapper {
@media screen and (max-width: var(--bs-md)) {
@media screen and (max-width: map-get($grid-breakpoints, md)) {
flex: 1;
padding-right: calc(var(--bs-spacer) / 2);
}

4
src/themes/mantis/app/entity-groups/research-entities/item-pages/person/person.component.scss
View File

@@ -17,7 +17,7 @@
}
ds-metadata-field-wrapper {
@media screen and (max-width: var(--bs-md)) {
@media screen and (max-width: map-get($grid-breakpoints, md)) {
flex: 1;
padding-right: calc(var(--bs-spacer) / 2);
}
@@ -30,7 +30,7 @@
.search-container {
margin-bottom: var(--bs-spacer);
@media screen and (max-width: var(--bs-lg)) {
@media screen and (max-width: map-get($grid-breakpoints, lg)) {
width: 100%;
max-width: none;
}

2
src/themes/mantis/app/entity-groups/research-entities/item-pages/project/project.component.scss
View File

@@ -17,7 +17,7 @@
}
ds-metadata-field-wrapper {
@media screen and (max-width: var(--bs-md)) {
@media screen and (max-width: map-get($grid-breakpoints, md)) {
flex: 1;
padding-right: calc(var(--bs-spacer) / 2);
}