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

View File

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

View File

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