summaryrefslogtreecommitdiffstats
path: root/src/css/code-viewer.css
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-17 05:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-17 05:47:55 +0000
commit31d6ff6f931696850c348007241195ab3b2eddc7 (patch)
tree615cb1c57ce9f6611bad93326b9105098f379609 /src/css/code-viewer.css
parentInitial commit. (diff)
downloadublock-origin-31d6ff6f931696850c348007241195ab3b2eddc7.tar.xz
ublock-origin-31d6ff6f931696850c348007241195ab3b2eddc7.zip
Adding upstream version 1.55.0+dfsg.upstream/1.55.0+dfsg
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'src/css/code-viewer.css')
-rw-r--r--src/css/code-viewer.css67
1 files changed, 67 insertions, 0 deletions
diff --git a/src/css/code-viewer.css b/src/css/code-viewer.css
new file mode 100644
index 0000000..774fa69
--- /dev/null
+++ b/src/css/code-viewer.css
@@ -0,0 +1,67 @@
+body {
+ border: 0;
+ display: flex;
+ flex-direction: column;
+ height: 100vh;
+ margin: 0;
+ overflow: hidden;
+ padding: 0;
+ width: 100vw;
+ }
+#header {
+ background-color: var(--cm-gutter-surface);
+ border-bottom: 1px solid var(--surface-1);
+ padding: var(--default-gap-xsmall);
+ position: relative;
+ z-index: 1000000;
+ }
+#header input[type="url"] {
+ box-sizing: border-box;
+ font-size: var(--font-size-smaller);
+ width: 100%;
+ }
+#header:focus-within #pastURLs {
+ display: flex;
+ }
+#currentURL {
+ display: flex;
+ gap: 0.5rem;
+ }
+#currentURL > .fa-icon {
+ padding: 0 0.5rem;
+ }
+#currentURL > .fa-icon:hover {
+ background-color: var(--surface-3);
+ }
+#pastURLs {
+ background-color: var(--surface-0);
+ border: 1px solid var(--border-1);
+ display: none;
+ flex-direction: column;
+ font-size: var(--font-size-smaller);
+ position: absolute;
+ }
+#pastURLs > span {
+ cursor: pointer;
+ overflow: hidden;
+ padding: 2px 4px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ width: 75vw;
+ }
+#pastURLs > span.selected {
+ font-weight: bold;
+ }
+#pastURLs > span:hover {
+ background-color: var(--surface-1);
+ }
+#content {
+ flex-grow: 1;
+ }
+
+.cm-href {
+ cursor: pointer;
+ }
+.cm-href:hover {
+ text-decoration: underline;
+ }