Skip to content

Commit

Permalink
add missing stylesheets to geoadmin-demo app
Browse files Browse the repository at this point in the history
This means we don't need to include lightbox CSS ourselves
  • Loading branch information
jahow committed Jan 20, 2025
1 parent 3b9296d commit d617000
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 59 deletions.
7 changes: 6 additions & 1 deletion apps/geoadmin-demo/project.json
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,12 @@
"apps/geoadmin-demo/src/favicon.ico",
"apps/geoadmin-demo/src/assets"
],
"styles": ["apps/geoadmin-demo/src/styles.css"],
"styles": [
"apps/geoadmin-demo/src/styles.css",
"node_modules/basiclightbox/dist/basicLightbox.min.css",
"node_modules/tippy.js/dist/tippy.css",
"./node_modules/@angular/material/prebuilt-themes/indigo-pink.css"
],
"scripts": []
},
"configurations": {
Expand Down
58 changes: 0 additions & 58 deletions apps/geoadmin-demo/src/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -127,61 +127,3 @@ html {
.close-btn:hover {
background: #d32f2f;
}

.basicLightbox {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.8);
opacity: 0.01;
transition: opacity 0.4s ease;
z-index: 1000;
will-change: opacity;
}
.basicLightbox--visible {
opacity: 1;
}
.basicLightbox__placeholder {
max-width: 100%;
transform: scale(0.9);
transition: transform 0.4s ease;
z-index: 1;
will-change: transform;
}
.basicLightbox__placeholder > iframe:first-child:last-child,
.basicLightbox__placeholder > img:first-child:last-child,
.basicLightbox__placeholder > video:first-child:last-child {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 95%;
max-height: 95%;
}
.basicLightbox__placeholder > iframe:first-child:last-child,
.basicLightbox__placeholder > video:first-child:last-child {
pointer-events: auto;
}
.basicLightbox__placeholder > img:first-child:last-child,
.basicLightbox__placeholder > video:first-child:last-child {
width: auto;
height: auto;
}
.basicLightbox--iframe .basicLightbox__placeholder,
.basicLightbox--img .basicLightbox__placeholder,
.basicLightbox--video .basicLightbox__placeholder {
width: 100%;
height: 100%;
pointer-events: none;
}
.basicLightbox--visible .basicLightbox__placeholder {
transform: scale(1);
}

0 comments on commit d617000

Please sign in to comment.