mirror of
https://github.com/penpot/penpot.git
synced 2025-05-05 11:55:53 +02:00
Merge pull request #2151 from penpot/eva-show-next-btn-viewer
🎉 Make prev and next buttons fixed in viewer
This commit is contained in:
commit
42dd38b4ee
1 changed files with 21 additions and 5 deletions
|
@ -4,6 +4,26 @@
|
||||||
grid-template-rows: 232px auto;
|
grid-template-rows: 232px auto;
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
.fullscreen.viewer-layout {
|
||||||
|
.viewer-section {
|
||||||
|
& .viewer-go-prev,
|
||||||
|
& .viewer-go-next {
|
||||||
|
.arrow {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.fullscreen.viewer-layout.force-visible {
|
||||||
|
.viewer-section {
|
||||||
|
& .viewer-go-prev,
|
||||||
|
& .viewer-go-next {
|
||||||
|
.arrow {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.viewer-section {
|
.viewer-section {
|
||||||
height: calc(100vh - 48px);
|
height: calc(100vh - 48px);
|
||||||
|
@ -29,7 +49,7 @@
|
||||||
width: 53px;
|
width: 53px;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
.arrow {
|
.arrow {
|
||||||
display: none;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
|
@ -49,10 +69,6 @@
|
||||||
fill: $color-black;
|
fill: $color-black;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover .arrow {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
& .viewer-go-next {
|
& .viewer-go-next {
|
||||||
|
|
Loading…
Add table
Reference in a new issue