Workaround missing navbar @768px for dspace and custom templates#1861
Merged
tdonohue merged 1 commit intoDSpace:mainfrom Sep 29, 2022
Merged
Workaround missing navbar @768px for dspace and custom templates#1861tdonohue merged 1 commit intoDSpace:mainfrom
tdonohue merged 1 commit intoDSpace:mainfrom
Conversation
The treatment of the breakpoints is inconsistent. md is defined as 768px<=md<992px. The statement @media screen and (max-width: map-get($grid-breakpoints, md)) {} ,which is in some instances used at the moment for referencing break intervals BELOW md includes the lower md border which should be excluded. The sass mixin @include media-breakpoint-down($name) {} or function breakpoint-max($name) for some unknown reason don't work, so this is a workaround.
Member
|
@artlowel : Would you or someone on your team have a chance to glance at this small PR this week? It might be worth considering for 7.4, if it's non-controversial |
artlowel
approved these changes
Sep 29, 2022
Author
|
@artlowel, my pleasure. Thank you for reviewing. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Attribution: Donated by The Library Code
Description
Workaround: missing navbar @768px in dspace and custom templates
Instructions for Reviewers
If the screen is 768px wide, the navbar is not showing.
The treatment of the bootstrap breakpoints in DSpace is inconsistent.
md is defined as 768px <= md < 992px.
The statement
@media screen and (max-width: map-get($grid-breakpoints, md)) {}which is in some instances used at the moment for referencing break intervals BELOW md, includes the lower md border which should be excluded.
The sass mixin
@include media-breakpoint-down($name, $grid-breakpoints) {}or function
breakpoint-max($name, $grid-breakpoints)which are meant to be used in this case, for some unknown reason don't seem to work atm, so the usage of
@media screen and (max-width: map-get($grid-breakpoints, md)-0.02) {}is a solution for the moment, but this is only a workaround.
The usage of "-0.02" instead of e.g. "-0.01" is a workaround for a rounding error in Safari.
See also:
https://getbootstrap.com/docs/4.6/layout/overview/
Checklist
This checklist provides a reminder of what we are going to look for when reviewing your PR. You need not complete this checklist prior to creating your PR (draft PRs are always welcome). If you are unsure about an item in the checklist, don't hesitate to ask. We're here to help!
yarn run lintpackage.json), I've made sure their licenses align with the DSpace BSD License based on the Licensing of Contributions documentation.