Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
The Tor Project
Applications
torbutton
Commits
9a395691
Unverified
Commit
9a395691
authored
Sep 08, 2020
by
Alex Catarineu
Committed by
Georg Koppen
Sep 11, 2020
Browse files
Bug 40008: Style fixes for 78
parent
33fed784
Changes
2
Hide whitespace changes
Inline
Side-by-side
chrome/content/tor-circuit-display.js
View file @
9a395691
...
...
@@ -409,7 +409,7 @@ let ensureCorrectPopupDimensions = function () {
let
stack
=
document
.
querySelector
(
"
#identity-popup-multiView .panel-viewstack
"
);
let
view2
=
document
.
getElementById
(
"
identity-popup-mainView
"
);
if
(
view
&&
stack
&&
view2
)
{
let
newWidth
=
Math
.
max
(...[...
view2
.
children
].
map
(
el
=>
el
.
clientWidth
))
+
10
;
let
newWidth
=
Math
.
max
(...[...
view2
.
children
].
map
(
el
=>
el
.
clientWidth
));
let
newHeight
=
stack
.
clientHeight
;
stack
.
setAttribute
(
"
width
"
,
newWidth
);
view2
.
style
.
minWidth
=
view2
.
style
.
maxWidth
=
newWidth
+
"
px
"
;
...
...
chrome/skin/tor-circuit-display.css
View file @
9a395691
...
...
@@ -6,30 +6,36 @@ Each bullet in the circuit node list is supposed to represent a Tor circuit node
and lines drawn between them to represent Tor network inter-relay connections.
*/
#circuit-display-headline
{
margin
:
0
;
}
#circuit-display-
content
{
#circuit-display-
header
{
background-image
:
url(chrome://torbutton/skin/torbutton.svg)
;
background-position
:
1em
1em
;
background-repeat
:
no-repeat
;
background-size
:
24px
auto
;
background-blend-mode
:
overlay
;
cursor
:
default
;
padding
:
0.5em
0px
0.5em
;
padding-inline-end
:
1em
;
padding-inline-start
:
calc
(
2em
+
24px
);
width
:
100%
;
background-position
:
0
50%
;
background-size
:
16px
auto
;
-moz-context-properties
:
fill
,
fill-opacity
;
fill
:
currentColor
;
fill-opacity
:
.6
;
/* icon indent + 16px icon width + 6px description margin
(total of 12px margin with the native 6px description margin) */
padding-inline
:
calc
(
2em
+
22px
)
1em
;
/* 16px icon width + 12px margin */
padding-inline-start
:
28px
;
}
#circuit-display-header
:-moz-locale-dir
(
rtl
)
{
background-position-x
:
right
;
}
#circuit-display-content
:-moz-locale-dir
(
rtl
)
{
background-position
:
calc
(
100%
-
1em
)
1em
;
#circuit-display-content
{
padding-inline
:
2em
1em
;
padding-block
:
1em
;
}
#circuit-reload-content
{
cursor
:
default
;
padding
:
1em
0px
1em
;
padding
:
0
0
1em
;
padding-inline-end
:
3em
;
padding-inline-start
:
calc
(
2em
+
24px
);
width
:
100%
;
...
...
@@ -47,13 +53,10 @@ and lines drawn between them to represent Tor network inter-relay connections.
/* Format the circuit node list. */
ul
#circuit-display-nodes
{
/* font-family: Arial; */
font-size
:
16px
;
line-height
:
26px
;
/* color: black;*/
margin-top
:
4px
;
margin-bottom
:
2px
;
padding-inline-start
:
4px
;
margin-top
:
8px
;
margin-bottom
:
0
;
padding-inline-start
:
28px
;
}
/* Hide default bullets, and draw our own bullets */
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment