Skip to content

Commit 626283b

Browse files
jspaaksjspaaks
committed
parent div overflow hidden: hack for hiding scollbars when scaling to 110% on bigger viewports
1 parent 9623b50 commit 626283b

2 files changed

Lines changed: 24 additions & 19 deletions

File tree

‎src/components/LayoutStepper.vue‎

Lines changed: 21 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,31 @@
11
<template>
2-
<div id="app">
3-
<span class="spacer" />
4-
<div id="header-outer">
5-
<div id="header-inner">
6-
<Header />
7-
</div>
8-
</div>
9-
<div id="middle">
10-
<router-view />
11-
<div id="preview">
12-
<div id="preview-content">
13-
<Preview />
2+
<div class="scale-container">
3+
<div id="app">
4+
<span class="spacer" />
5+
<div id="header-outer">
6+
<div id="header-inner">
7+
<Header />
148
</div>
9+
</div>
10+
<div id="middle">
11+
<router-view />
12+
<div id="preview">
13+
<div id="preview-content">
14+
<Preview />
15+
</div>
1516

16-
<div id="preview-button-bar">
17-
<DownloadButton />
17+
<div id="preview-button-bar">
18+
<DownloadButton />
19+
</div>
1820
</div>
1921
</div>
20-
</div>
21-
<div id="footer-outer">
22-
<div id="footer-inner">
23-
<Footer />
22+
<div id="footer-outer">
23+
<div id="footer-inner">
24+
<Footer />
25+
</div>
2426
</div>
27+
<span class="spacer" />
2528
</div>
26-
<span class="spacer" />
2729
</div>
2830
</template>
2931

‎src/css/app.css‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
11
/* app global css */
22

33
@media only screen and (min-width: 2090px) and (min-height: 1039px) {
4+
.scale-container {
5+
overflow: hidden;
6+
}
47
#app {
58
transform: scale(1.1);
69
}

0 commit comments

Comments
 (0)