Bug 1229000 - Adds separator borders in the timeline toolbar; r=miker

This commit is contained in:
Patrick Brosset 2015-11-30 15:00:33 +01:00
parent 4bb310cce3
commit 4e84be082d
2 changed files with 16 additions and 10 deletions

View File

@ -22,7 +22,7 @@
<div id="timeline-toolbar" class="theme-toolbar">
<button id="rewind-timeline" standalone="true" class="devtools-button"></button>
<button id="pause-resume-timeline" standalone="true" class="devtools-button pause-button paused"></button>
<span id="timeline-rate"></span>
<span id="timeline-rate" standalone="true" class="devtools-button"></span>
<span id="timeline-current-time" class="label"></span>
</div>
<div id="players"></div>

View File

@ -62,11 +62,6 @@ body {
display: flex;
}
#global-toolbar .label,
#timeline-toolbar .label {
padding: 1px 4px;
}
/* The main animations container */
#players {
@ -96,13 +91,24 @@ body {
/* Element picker, toggle-all buttons, timeline pause button, ... */
#global-toolbar .devtools-button,
#timeline-toolbar .devtools-button {
border-width: 0 0 0 1px;
#global-toolbar > *,
#timeline-toolbar > * {
min-height: var(--toolbar-height);
border-width: 0 0 0 1px;
display: flex;
justify-content: center;
align-items: center;
}
#timeline-toolbar .devtools-button {
#global-toolbar .label,
#timeline-toolbar .label {
padding: 0 5px;
border-style: solid;
border-color: rgba(170, 170, 170, .5);
}
#timeline-toolbar .devtools-button,
#timeline-toolbar .label {
border-width: 0 1px 0 0;
}