summaryrefslogtreecommitdiffstats
path: root/devtools/client/themes
diff options
context:
space:
mode:
authorjanekptacijarabaci <janekptacijarabaci@seznam.cz>2018-02-02 20:32:00 +0100
committerjanekptacijarabaci <janekptacijarabaci@seznam.cz>2018-02-02 20:32:00 +0100
commit69ee28ad18c791c63de13e43c41c6794d188e8dc (patch)
treebb9b271fbbb3795fdc26a378011b74c3c5fa6ce4 /devtools/client/themes
parent9627f18cebab38cdfe45592d83371ee7bbc62cfa (diff)
downloadUXP-69ee28ad18c791c63de13e43c41c6794d188e8dc.tar
UXP-69ee28ad18c791c63de13e43c41c6794d188e8dc.tar.gz
UXP-69ee28ad18c791c63de13e43c41c6794d188e8dc.tar.lz
UXP-69ee28ad18c791c63de13e43c41c6794d188e8dc.tar.xz
UXP-69ee28ad18c791c63de13e43c41c6794d188e8dc.zip
Markup View: show an ellipsis character in collapsed nodes
Issue #2
Diffstat (limited to 'devtools/client/themes')
-rw-r--r--devtools/client/themes/markup.css19
1 files changed, 18 insertions, 1 deletions
diff --git a/devtools/client/themes/markup.css b/devtools/client/themes/markup.css
index 4b4cfd031..0569b7ce7 100644
--- a/devtools/client/themes/markup.css
+++ b/devtools/client/themes/markup.css
@@ -197,6 +197,22 @@ ul.children + .tag-line::before {
display: inline;
}
+.expandable.collapsed .close::before {
+ /* Display an ellipsis character in collapsed nodes that can be expanded. */
+ content: "\2026";
+ display: inline-block;
+ width: 12px;
+ height: 8px;
+ margin: 0 2px;
+ line-height: 3px;
+ color: var(--theme-body-color-inactive);
+ border-radius: 3px;
+ border-style: solid;
+ border-width: 1px;
+ text-align: center;
+ vertical-align: middle;
+}
+
/* Hide HTML void elements (img, hr, br, …) closing tag when the element is not
* expanded (it can be if it has pseudo-elements attached) */
.child.collapsed > .tag-line .void-element .close {
@@ -318,7 +334,8 @@ ul.children + .tag-line::before {
.theme-selected ~ .editor .theme-fg-color4,
.theme-selected ~ .editor .theme-fg-color5,
.theme-selected ~ .editor .theme-fg-color6,
-.theme-selected ~ .editor .theme-fg-color7 {
+.theme-selected ~ .editor .theme-fg-color7,
+.theme-selected ~ .editor .close::before {
color: var(--theme-selection-color);
}