Skip to content

Commit a664d7c

Browse files
enbyspidersenbyspiders
committed
fix styling
1 parent eb1cba6 commit a664d7c

3 files changed

Lines changed: 55 additions & 44 deletions

File tree

‎package.json‎

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11
{
2-
"name": "eleventytemplate",
3-
"version": "1.0.0",
4-
"description": "",
5-
"main": "index.js",
6-
"scripts": {
7-
"test": "echo \"Error: no test specified\" && exit 1"
8-
},
9-
"keywords": [],
10-
"author": "",
11-
"license": "ISC",
12-
"devDependencies": {
13-
"@11ty/eleventy": "^2.0.1"
14-
},
15-
"dependencies": {
16-
"@11ty/eleventy-navigation": "^1.0.5",
17-
"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.2",
18-
"markdown-it": "^14.1.1",
19-
"markdown-it-github-alerts": "^1.0.1"
20-
}
2+
"name": "eleventytemplate",
3+
"version": "1.0.0",
4+
"description": "",
5+
"main": "index.js",
6+
"scripts": {
7+
"test": "npx @11ty/eleventy --serve"
8+
},
9+
"keywords": [],
10+
"author": "",
11+
"license": "ISC",
12+
"devDependencies": {
13+
"@11ty/eleventy": "^2.0.1"
14+
},
15+
"dependencies": {
16+
"@11ty/eleventy-navigation": "^1.0.5",
17+
"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.2",
18+
"markdown-it": "^14.1.1",
19+
"markdown-it-github-alerts": "^1.0.1"
20+
}
2121
}

‎pages/_includes/layouts/base.njk‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -31,20 +31,20 @@
3131

3232
<body>
3333

34-
<div id="guide" class="book">
34+
<div id="guide" class="window">
3535
<div class="header">
3636
<div class="title"><span class="icon mistybook"></span> wareware pocket guide</div>
3737
<div class="search"></div>
3838
<div class="paletteswitch"></div>
39-
<div class="editpage"><a href="https://github.com/riprip-dev/wareware-pocket-guide/edit/main/pages{{ page.filePathStem }}.md"><span class="icon pencil"></span> edit page</a></div>
39+
<div class="editpage"><a href="https://github.com/riprip-dev/wareware-pocket-guide/edit/main/pages{{ page.filePathStem }}.md"><span class="icon pencil"></span><span> edit page</span></a></div>
4040
<div class="close"><a onclick="closeWindow('guide')"><span class="icon delete"></span></a></div>
4141
</div>
4242
<div class="main">
4343
<div class="sidebar">
4444
{% include 'components/nav.njk' %}
4545
</div>
4646
<div class="page">
47-
{{ content | safe }}
47+
<div class="content">{{ content | safe }}</div>
4848
</div>
4949
</div>
5050
</div>

‎pages/assets/css/hot.css‎

Lines changed: 33 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@ a:hover {
7474
}
7575
}
7676

77-
.book {
77+
.window {
7878
display: flex;
7979
flex-flow: column nowrap;
8080

@@ -85,14 +85,10 @@ a:hover {
8585
margin: auto;
8686

8787
width: 46em;
88-
max-width: 90%;
89-
max-height: 90%;
90-
88+
height: 90%;
9189
outline: 1px solid black;
9290

9391
box-shadow: 8px 8px 0 var(--bg-lavender);
94-
overflow: hidden;
95-
9692
background-color: var(--primary);
9793

9894
scale: 1;
@@ -101,6 +97,22 @@ a:hover {
10197
z-index: 1;
10298
}
10399

100+
@media (max-width: 820px) {
101+
body {
102+
overflow: scroll;
103+
}
104+
.window {
105+
top: 0;
106+
margin: 0 0;
107+
width: 100%;
108+
min-height: 100%;
109+
height: unset;
110+
max-width: unset;
111+
min-width: unset;
112+
transform: translateY(0);
113+
}
114+
}
115+
104116
.header {
105117
display: flex;
106118
flex-flow: row nowrap;
@@ -157,18 +169,17 @@ a:hover {
157169
display: flex;
158170
flex-flow: row nowrap;
159171
align-items: flex-start;
172+
overflow: hidden;
160173
}
161174

162175
@media (max-width: 820px) {
163-
.book {
164-
top: 0;
165-
margin: 0 0;
166-
max-width: 100%;
167-
transform: translateY(0);
168-
}
169176
.main {
170177
flex-flow: column nowrap;
171-
max-height: 100%;
178+
overflow: unset;
179+
}
180+
181+
.editpage span:last-child {
182+
display: none;
172183
}
173184
}
174185

@@ -178,21 +189,21 @@ a:hover {
178189

179190
margin: 1em;
180191
padding: 1em;
181-
width: 13em;
192+
max-width: 13em;
193+
min-width: 10em;
182194

183195
font-weight: bold;
184196
}
185197

186198
.page {
187-
padding: 1em;
188-
padding-top: 0;
189-
min-height: 50em;
190-
191-
overflow-y: scroll;
192-
193-
max-height: 50em;
194-
199+
height: 100%;
195200
width: 100%;
201+
overflow: scroll;
202+
}
203+
204+
.content {
205+
margin: 1em;
206+
margin-top: 0em;
196207
}
197208

198209
.desktop {

0 commit comments

Comments
 (0)