Skip to content

Commit 9c7a552

Browse files
committed
Add styles for codemirror scrollbars
1 parent 0cfef8a commit 9c7a552

File tree

1 file changed

+69
-0
lines changed

1 file changed

+69
-0
lines changed

styles/cm.css

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -175,3 +175,72 @@
175175
text-decoration: underline;
176176
color: white !important;
177177
}
178+
179+
180+
/* simplescrollbars style */
181+
.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
182+
position: absolute;
183+
background: #ccc;
184+
-moz-box-sizing: border-box;
185+
box-sizing: border-box;
186+
border: 1px solid #bbb;
187+
border-radius: 2px;
188+
}
189+
190+
.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
191+
position: absolute;
192+
z-index: 6;
193+
background: #eee;
194+
}
195+
196+
.CodeMirror-simplescroll-horizontal {
197+
bottom: 0; left: 0;
198+
height: 8px;
199+
}
200+
.CodeMirror-simplescroll-horizontal div {
201+
bottom: 0;
202+
height: 100%;
203+
}
204+
205+
.CodeMirror-simplescroll-vertical {
206+
right: 0; top: 0;
207+
width: 8px;
208+
}
209+
.CodeMirror-simplescroll-vertical div {
210+
right: 0;
211+
width: 100%;
212+
}
213+
214+
215+
.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler, .CodeMirror-overlayscroll .CodeMirror-gutter-filler {
216+
display: none;
217+
}
218+
219+
.CodeMirror-overlayscroll-horizontal div, .CodeMirror-overlayscroll-vertical div {
220+
position: absolute;
221+
background: #bcd;
222+
border-radius: 3px;
223+
}
224+
225+
.CodeMirror-overlayscroll-horizontal, .CodeMirror-overlayscroll-vertical {
226+
position: absolute;
227+
z-index: 6;
228+
}
229+
230+
.CodeMirror-overlayscroll-horizontal {
231+
bottom: 0; left: 0;
232+
height: 6px;
233+
}
234+
.CodeMirror-overlayscroll-horizontal div {
235+
bottom: 0;
236+
height: 100%;
237+
}
238+
239+
.CodeMirror-overlayscroll-vertical {
240+
right: 0; top: 0;
241+
width: 6px;
242+
}
243+
.CodeMirror-overlayscroll-vertical div {
244+
right: 0;
245+
width: 100%;
246+
}

0 commit comments

Comments
 (0)