Centralize break-all CSS property

So that both asset viewer and "My filters" inherit
the property for filter list rendering.
This commit is contained in:
Raymond Hill 2020-03-15 09:25:18 -04:00
parent bc700e691c
commit 17886abcda
No known key found for this signature in database
GPG key ID: 25E1490B761470C2
3 changed files with 6 additions and 7 deletions

View file

@ -30,7 +30,7 @@
<button id="exportUserFiltersToFile" class="custom iconifiable" type="button"><span class="fa">&#xf093;</span><span data-i18n="1pExport"></span></button>
</p>
</div>
<div id="userFilters" class="codeMirrorContainer codeMirrorFillVertical" spellcheck="false"></div>
<div id="userFilters" class="codeMirrorContainer codeMirrorFillVertical codeMirrorBreakAll" spellcheck="false"></div>
<div class="hidden">
<input id="importFilePicker" type="file" accept="text/plain">
</div>

View file

@ -21,16 +21,11 @@ body {
height: 100vh;
width: 100vw;
}
/* https://github.com/uBlockOrigin/uBlock-issues/issues/292 */
.CodeMirror-wrap pre {
word-break: break-all;
}
</style>
</head>
<body>
<div id="content" class="codeMirrorContainer"></div>
<div id="content" class="codeMirrorContainer codeMirrorBreakAll"></div>
<script src="lib/codemirror/lib/codemirror.js"></script>
<script src="lib/codemirror/addon/display/panel.js"></script>

View file

@ -17,6 +17,10 @@
height: 100%;
}
.codeMirrorContainer.codeMirrorBreakAll .CodeMirror-wrap pre {
word-break: break-all;
}
.cm-s-default .cm-comment { color: #777; }
.cm-directive { color: #333; font-weight: bold; }
.cm-staticext { color: #008; }