Skip to content

Commit

Permalink
Polish apparence after redesign of #209 (#221)
Browse files Browse the repository at this point in the history 
* Remove unused rules

* Group sync history rules

* Center environment select box

* Reorder rules to keep generic on top and specific below

* Fill width and height of sections in header bar

* Fix consistency of select and button in env actions

* Do not grow header when history grows

* Fix history height on small windows
  • Loading branch information
@leplatrem
leplatrem authored Jun 3, 2024
1 parent 8b77e4a commit 2b1b284
Showing 1 changed file with 82 additions and 70 deletions.
152 changes: 82 additions & 70 deletions extension/content/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,64 +23,7 @@ body.loading {
opacity: 0.5;
}

#header button {
display: block;
width: 91%;
margin: 4px 8px;
}

fieldset {
display: inline-block;
vertical-align: top;
}

#header section {
display: inline-block;
position: relative;
vertical-align: top;
border-radius: 4px;
}

#header section h2 {
position: absolute;
font-size: medium;
top: -0.5em;
background-color: var(--in-content-box-background);
padding: 0 .3em;
}

#sync-history > ul {
max-height: 12em;
overflow-y: scroll;
margin: 0;
}

button.sync {
background: url('download.svg') no-repeat;
}

button.clear-data {
background: url('broom.svg') no-repeat;
}

button.action {
content: ' ';
width: 28px;
height: 28px;
min-width: 28px;
background-size: 28px;
margin-right: 5px;
cursor: pointer;
}

@media (prefers-color-scheme: dark) {
button.action {
filter: invert(1);
}
}

h2, h3 {
display: inline-block;
margin: unset;
}

Expand Down Expand Up @@ -110,9 +53,44 @@ section {
word-break: break-all;
}

#settings {
justify-self: end;
#header {
display: flex;
gap: 10px;
margin-bottom: 10px;
}

#env-actions {
min-width: 8em;
}

#env-actions button, #env-actions select {
display: block;
width: 91%;
margin: 4px 8px;
}

#header section {
position: relative;
vertical-align: top;
border-radius: 4px;
}

#header section h2 {
position: absolute;
font-size: medium;
top: -0.5em;
background-color: var(--in-content-box-background);
padding: 0 .3em;
}

#header-status {
flex-grow: 1;
}

#environment {
text-align: center;
}

#environment-error {
max-width: 300px;
word-break: unset;
Expand All @@ -123,14 +101,11 @@ section {
margin: 0px;
}

#action-box {
justify-self: start;
}

#status table {
width: 100%;
min-width: 860px;
text-align: center;
border-collapse: collapse;
}
#status table th {
white-space: nowrap;
Expand All @@ -139,12 +114,7 @@ section {
#status table td:first-child, #status table th:first-child {
text-align: left
}

table {
border-collapse: collapse;
}

tr:not(:first-child) {
#status table tr:not(:first-child) {
border-top: 1px solid #757575;
}

Expand Down Expand Up @@ -176,8 +146,50 @@ tr:not(:first-child) {
color: var(--error-text-color);
}

button.action {
content: ' ';
width: 28px;
height: 28px;
min-width: 28px;
background-size: 28px;
margin-right: 5px;
cursor: pointer;
background-repeat: no-repeat;
}

@media (prefers-color-scheme: dark) {
button.action {
filter: invert(1);
}
}

button.sync {
background-image: url('download.svg');
}

button.clear-data {
background-image: url('broom.svg');
}

#sync-history {
min-width: 19em;
}

#sync-history > ul {
max-height: 14em;
overflow-y: scroll;
margin: 0;
padding-left: 10px;
}
@media(min-width: 1255px) {
/* When #header-status switches to 2 columns */
#sync-history > ul {
max-height: 7em;
}
}

#sync-history li {
margin: 10px;
margin: 10px 0px 10px 10px;
}

#sync-history .status.success {
Expand Down

1 comment on commit 2b1b284

@firefoxci-taskcluster
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Uh oh! Looks like an error! Details

Taskcluster-GitHub attempted to create a task for this event with the following scopes:

["assume:repo:github.com/mozilla-extensions/remote-settings-devtools:tag:1.10.0-build2","queue:route:checks","queue:scheduler-id:taskcluster-github"]

The expansion of these scopes is not sufficient to create the task, leading to the following:

Client ID static/taskcluster/github does not have sufficient scopes and is missing the following scopes:

assume:repo:github.com/mozilla-extensions/remote-settings-devtools:branch:1.10.0-build2

This request requires the client to satisfy the following scope expression:

{
  "AllOf": [
    "assume:repo:github.com/mozilla-extensions/remote-settings-devtools:branch:1.10.0-build2",
    "queue:route:checks",
    "queue:route:index.xpi.v2.remote-settings-devtools.revision.2b1b28412bbaa7910721978b4dd0e7c4dbe2baaf.taskgraph.decision",
    "queue:create-task:project:none",
    "queue:scheduler-id:xpi-level-1",
    {
      "AnyOf": [
        "queue:create-task:highest:xpi-1/decision-gcp",
        "queue:create-task:very-high:xpi-1/decision-gcp",
        "queue:create-task:high:xpi-1/decision-gcp",
        "queue:create-task:medium:xpi-1/decision-gcp",
        "queue:create-task:low:xpi-1/decision-gcp",
        "queue:create-task:very-low:xpi-1/decision-gcp",
        "queue:create-task:lowest:xpi-1/decision-gcp"
      ]
    }
  ]
}
  • method: createTask
  • errorCode: InsufficientScopes
  • statusCode: 403
  • time: 2024-06-10T11:34:37.829Z

Please sign in to comment.