Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 6ec598b

Browse files
committed
Add splitter style.
1 parent a3ee4d7 commit 6ec598b

File tree

3 files changed

+19
-4
lines changed

3 files changed

+19
-4
lines changed

‎src/ui/index.html

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,7 @@
33

44
<head>
55
<meta charset="UTF-8">
6-
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7-
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; style-src 'self' 'unsafe-inline';">
6+
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:;">
87
<title>OpenLeetCode</title>
98
<link rel="stylesheet" type="text/css" href="styles.css">
109
<script src="index.js"></script>

‎src/ui/index.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -286,13 +286,13 @@ document.addEventListener('DOMContentLoaded', (event) => {
286286
Split(['#left-panel', '#right-panel'], {
287287
minSize: 100,
288288
sizes: [50, 50],
289-
gutterSize: 5,
289+
gutterSize: 7,
290290
})
291291

292292
Split(['#top-right-panel', '#bottom-right-panel'], {
293293
minSize: 100,
294294
sizes: [60, 40],
295-
gutterSize: 5,
295+
gutterSize: 7,
296296
direction: 'vertical',
297297
cursor: 'row-resize',
298298
})

‎src/ui/styles.css

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -200,3 +200,19 @@ html, body {
200200
#bottom-right-panel {
201201
overflow: hidden;
202202
}
203+
204+
.gutter {
205+
background-color: var(--grey-medium);
206+
background-repeat: no-repeat;
207+
background-position: 50%;
208+
}
209+
210+
.gutter.gutter-horizontal {
211+
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
212+
cursor: col-resize;
213+
}
214+
215+
.gutter.gutter-vertical {
216+
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
217+
cursor: row-resize;
218+
}

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /