Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

DS-252 Updating Blinky to latest version and other HTML improvements #82

Open
wants to merge 5 commits into
base: master
Choose a base branch
from
Open

DS-252 Updating Blinky to latest version and other HTML improvements #82

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
e59d11b
FISH-10039 Removed incorrectly nested div tags.
Nov 13, 2024
14836f1
DS-252 updated to Blinky version 0.72.1.
Nov 21, 2024
ef7160c
DS-252 Added some styling for smaller screens to handle the header an…
Nov 21, 2024
cb5ce4d
DS-252 fixes and improvements to page.
Nov 21, 2024
33f4740
DS-252 Remved the unneeded space between two checkboxes.
Nov 22, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
411 changes: 199 additions & 212 deletions starter-ui/src/main/webapp/index.html
View file
Open in desktop

Large diffs are not rendered by default.

20 changes: 20 additions & 0 deletions starter-ui/src/main/webapp/ui-starter/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,4 +32,24 @@
color: rgb(255,255,255);
overflow: hidden;
padding-bottom: var(--gutter);
}

/* Content driven layout shift on smaller screens, can't be part of
Blinky as that is content agnostic, has to happen on a project level. */
/* At 700px ish stack the header and footer contents. */
@media only screen and (max-width: 44rem) {
.page__header .cards,
.page__footer .cards {
flex-direction: column;
align-items: center;
}
.page__header .cards > *,
.page__footer .cards > * {
flex: 0 0 auto;
}
}

/* This kills page scolling when the Diagram Builder popup is open. */
.page:has(.modal[style*="block"]) {
overflow: hidden;
}
Loading