97 lines
2.0 KiB
CSS
97 lines
2.0 KiB
CSS
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
.actionButtons {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.website-name,
|
|
label.website-status {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
padding-inline-start: 7px;
|
|
}
|
|
|
|
#permissionsBox {
|
|
flex: 1 auto;
|
|
height: 18em;
|
|
min-height: 70px; /* 2 * 35px, which is the min row height specified below */
|
|
}
|
|
|
|
#siteCol,
|
|
#statusCol,
|
|
#permissionsBox > richlistitem {
|
|
min-height: 35px;
|
|
}
|
|
|
|
#permissionsBox > richlistitem > hbox {
|
|
flex: 1;
|
|
align-items: center;
|
|
}
|
|
|
|
#siteCol,
|
|
.website-name {
|
|
flex: 1;
|
|
width: 0; /* Don't make our intrinsic size affect our final size */
|
|
}
|
|
|
|
#statusCol,
|
|
.website-status {
|
|
width: 35%;
|
|
}
|
|
|
|
menulist.website-status {
|
|
margin-block: 1px;
|
|
margin-inline: 0 5px;
|
|
width: calc(35% - 5px);
|
|
}
|
|
|
|
#siteCol > .treecol-sortdirection,
|
|
#statusCol > .treecol-sortdirection {
|
|
list-style-image: url("chrome://global/skin/icons/arrow-down.svg");
|
|
}
|
|
|
|
#siteCol[sortDirection="ascending"] > .treecol-sortdirection,
|
|
#statusCol[sortDirection="ascending"] > .treecol-sortdirection {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
#siteCol[sortDirection="descending"] > .treecol-sortdirection,
|
|
#statusCol[sortDirection="descending"] > .treecol-sortdirection {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
.website-icon {
|
|
width: var(--icon-size);
|
|
height: var(--icon-size);
|
|
flex-shrink: 0;
|
|
margin-inline-start: var(--space-xsmall);
|
|
-moz-context-properties: fill;
|
|
fill: currentColor;
|
|
}
|
|
|
|
.website-icon::selection,
|
|
.website-icon::-moz-selection {
|
|
color: transparent;
|
|
background: transparent;
|
|
}
|
|
|
|
#browserNotificationsPermissionExtensionContent,
|
|
#permissionsDisableDescription {
|
|
margin-inline-start: 32px;
|
|
}
|
|
|
|
#permissionsDisableDescription {
|
|
color: var(--text-color-deemphasized);
|
|
}
|
|
|
|
#permissionsDisableCheckbox {
|
|
margin-inline-start: 4px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.permissions-input-buttons {
|
|
margin-block-start: var(--space-small);
|
|
}
|