self-hosted/pigallery2
1
0
Fork 0
mirror of https://github.com/bpatrik/pigallery2.git synced 2025-01-08 04:03:48 +02:00
Code Issues Releases Activity

improve map controls #587

Browse Source
This commit is contained in:
Patrik J. Braun 2023-09-08 00:34:08 +02:00
parent cd27ca609f
commit f72ef60cf0
3 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.css
View File

@ -88,6 +88,7 @@
position: absolute;
z-index: 4;
top: 0;
line-height: 0;
}
.controls-top ng-icon {
vertical-align: middle;

16
src/frontend/app/ui/gallery/map/lightbox/lightbox.map.gallery.component.css
View File

@ -19,7 +19,7 @@
.controls-background {
display: inline-block;
background-color: rgba(0, 0, 0, 0.2);
background-color: rgba(var(--bs-body-bg-rgb),0.2);
}
.sebm-google-map-container {
@ -55,15 +55,19 @@
text-align: right;
width: 100%;
font-size: large;
line-height: 0;
}
#controls span {
margin-left: 6px;
margin-right: 6px;
color: black;
cursor: pointer;
#controls ng-icon {
vertical-align: middle;
}
#controls ng-icon ::ng-deep svg {
vertical-align: top;
}
#controls .control-button {
margin-left: 0.1em;
margin-right: 0.1em;

6
src/frontend/app/ui/gallery/map/lightbox/lightbox.map.gallery.component.html
View File

@ -19,19 +19,19 @@
<div id="controllers-container" *ngIf="controllersVisible">
<div id="controls">
<div id="controls" class="controls-top">
<div class="controls-background rounded-start-bottom">
<div class="highlight control-button"
*ngIf="fullScreenService.isFullScreenEnabled()"
(click)="fullScreenService.exitFullScreen()" title="toggle fullscreen, key: f" i18n-title>
<ng-icon style="margin-right: 0.2em; margin-top: -0.05em" class="align-top" size="0.9em"
<ng-icon size="0.9em"
name="ionContractOutline"></ng-icon>
</div>
<div class="highlight control-button"
*ngIf="!fullScreenService.isFullScreenEnabled()"
(click)="fullScreenService.showFullScreen(root)" title="toggle fullscreen, key: f" i18n-title>
<ng-icon style="margin-right: 0.2em; margin-top: -0.05em" class="align-top" size="0.9em"
<ng-icon size="0.9em"
name="ionExpandOutline"></ng-icon>
</div>
<div class="highlight control-button" (click)="hide()" title="close, key: Escape" i18n-title>