fix for 113
This commit is contained in:
travis
GitHub
parent
97c781d4da
commit
3a0575130c
5 changed files with 129 additions and 102 deletions
BIN
JS/internet.png
Normal file
BIN
JS/internet.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 268 B |
23
JS/status_bar.uc.js
Normal file
23
JS/status_bar.uc.js
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
let status = document.createElement("vbox");
|
||||
status.setAttribute("id", "browser-bottombox");
|
||||
status.innerHTML = `
|
||||
<div class="statusBarInner">
|
||||
<div class="statusBarIcon"></div>
|
||||
<div class="statusBarDone">Done</div>
|
||||
</div>
|
||||
<div class="statusBarInner statusBarInnerTwoBoxes">
|
||||
</div>
|
||||
<div class="statusBarInner statusBarInnerTwoBoxes">
|
||||
</div>
|
||||
<div class="statusBarInner statusBarInnerTwoBoxes">
|
||||
</div>
|
||||
<div class="statusBarInner statusBarInnerTwoBoxes">
|
||||
</div>
|
||||
<div class="statusBarInner statusBarInnerTwoBoxes">
|
||||
</div>
|
||||
<div class="statusBarInternet">
|
||||
<div class="statusBarIcon"></div>
|
||||
<div class="statusBarDone">Internet</div>
|
||||
</div>
|
||||
`;
|
||||
document.body.appendChild(status);
|
||||
BIN
internet.png
BIN
internet.png
Binary file not shown.
|
Before Width: | Height: | Size: 424 B After Width: | Height: | Size: 268 B |
BIN
page.png
Normal file
BIN
page.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 696 B |
208
userChrome.css
208
userChrome.css
|
|
@ -141,6 +141,7 @@ tab,
|
|||
display: inline-block;
|
||||
margin-inline: 4px !important;
|
||||
color: GrayText !important;
|
||||
line-height: 22px !important;
|
||||
}
|
||||
|
||||
#additional_top_toolbar1 #personal-bookmarks::before {
|
||||
|
|
@ -196,7 +197,7 @@ tab,
|
|||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
margin-right: 5px !important;
|
||||
-moz-box-ordinal-group: 0 !important;
|
||||
order: -1 !important;
|
||||
line-height: 22px !important;
|
||||
color: GrayText !important;
|
||||
}
|
||||
|
|
@ -395,7 +396,7 @@ tab,
|
|||
}
|
||||
|
||||
#go-button .toolbarbutton-text {
|
||||
display: -moz-Box !important;
|
||||
display: flex !important;
|
||||
background-color: transparent !important;
|
||||
min-height: unset !important;
|
||||
padding-top: 0 !important;
|
||||
|
|
@ -410,9 +411,11 @@ tab,
|
|||
min-height: 18px !important;
|
||||
width: 10px !important;
|
||||
margin-left: 4px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#PlacesChevron .toolbarbutton-icon, #nav-bar-overflow-button .toolbarbutton-icon {
|
||||
border-radius: 0 !important;
|
||||
background-image: url('cheveron.png') !important;
|
||||
padding: 0 !important;
|
||||
background-repeat: no-repeat !important;
|
||||
|
|
@ -443,90 +446,26 @@ tab,
|
|||
padding: 2px !important;
|
||||
}
|
||||
|
||||
#statuspanel[inactive],
|
||||
#statuspanel {
|
||||
opacity: 1 !important;
|
||||
visibility: visible !important;
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
height: 22px !important;
|
||||
-moz-appearance: statusbar !important;
|
||||
padding-top: 0 !important;
|
||||
padding-inline: 16px !important;
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
position: fixed !important;
|
||||
bottom: 0 !important;
|
||||
left: 0 !important
|
||||
}
|
||||
|
||||
findbar {
|
||||
transition: none !important;
|
||||
background-color: -moz-Dialog !important;
|
||||
border-top: 0 !important;
|
||||
}
|
||||
|
||||
:root[sizemode="fullscreen"] #statuspanel {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
:root[sizemode="fullscreen"] #tabbrowser-tabpanels {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
#sidebar-box {
|
||||
margin-bottom: 23px !important;
|
||||
}
|
||||
|
||||
#statuspanel::after {
|
||||
content: 'Internet';
|
||||
display: block;
|
||||
position: absolute !important;
|
||||
right: 91px !important;
|
||||
bottom: 2px !important;
|
||||
padding-left: 20px !important;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
background-image: url('internet.png') !important;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#statuspanel::before {
|
||||
content: ''; !important
|
||||
display: inline-block;
|
||||
background-image: url('ie.png') !important;
|
||||
background-repeat: no-repeat;
|
||||
height: 16px;
|
||||
line-height: 17px;
|
||||
padding-left: 20px !important;
|
||||
margin-top: 1px !important;
|
||||
position: absolute;
|
||||
left: 2px !important;
|
||||
}
|
||||
|
||||
#statuspanel[inactive]::before {
|
||||
content: 'Done' !important;
|
||||
width: 16px !important;
|
||||
}
|
||||
|
||||
#statuspanel-label {
|
||||
background-color: transparent !important;
|
||||
border: 0 !important;
|
||||
padding: 0 !important;
|
||||
margin-inline: 0 !important;
|
||||
height: 22px !important;
|
||||
width: calc(100% - 138px) !important;
|
||||
appearance: statusbarpanel !important;
|
||||
margin-top: 1px !important;
|
||||
margin-right: 10px !important;
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
:root[sizemode="fullscreen"] .browserStack > browser {
|
||||
padding: 0 !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
:root[sizemode="fullscreen"] #browser-bottombox,
|
||||
:root[sizemode="fullscreen"] #statuspanel {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#back-button,
|
||||
#forward-button,
|
||||
#stop-button,
|
||||
|
|
@ -663,15 +602,15 @@ toolbar:not(#nav-bar) .webextension-browser-action {
|
|||
}
|
||||
|
||||
#back-button .toolbarbutton-text {
|
||||
display: -moz-Box !important;
|
||||
display: unset !important;
|
||||
}
|
||||
|
||||
#find-button .toolbarbutton-text {
|
||||
display: -moz-Box !important;
|
||||
display: unset !important;
|
||||
}
|
||||
|
||||
#bookmarks-menu-button .toolbarbutton-text {
|
||||
display: -moz-Box !important;
|
||||
display: unset !important;
|
||||
}
|
||||
|
||||
#back-button > .toolbarbutton-icon {
|
||||
|
|
@ -821,7 +760,8 @@ toolbar:not(#nav-bar) .webextension-browser-action {
|
|||
padding: 0 2px !important;
|
||||
}
|
||||
|
||||
.tab-icon-image {
|
||||
.tab-icon-image,
|
||||
.tab-throbber:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-overlay:not([pinned]) {
|
||||
margin-inline-end: 2px !important;
|
||||
}
|
||||
|
||||
|
|
@ -851,12 +791,11 @@ toolbar:not(#nav-bar) .webextension-browser-action {
|
|||
}
|
||||
|
||||
#context-navigation {
|
||||
-moz-box-orient: vertical !important;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#context-navigation menuitem {
|
||||
-moz-box-pack: end !important;
|
||||
-moz-box-direction: reverse !important;
|
||||
justify-content: flex-start !important;
|
||||
list-style-image: none !important;
|
||||
}
|
||||
|
||||
|
|
@ -869,7 +808,8 @@ toolbar:not(#nav-bar) .webextension-browser-action {
|
|||
|
||||
#context-navigation menuitem::before {
|
||||
content: attr(aria-label);
|
||||
margin-left: 2px !important;
|
||||
margin-left: 18px !important;
|
||||
margin-block: 2px !important;
|
||||
}
|
||||
|
||||
menupopup {
|
||||
|
|
@ -1038,10 +978,6 @@ toolbarpaletteitem[removable="false"] {
|
|||
display: none !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabpanels {
|
||||
margin-bottom: 22px !important;
|
||||
}
|
||||
|
||||
#sidebar-title {
|
||||
padding-inline: 0 !important;
|
||||
}
|
||||
|
|
@ -1084,11 +1020,11 @@ toolbarpaletteitem[removable="false"] {
|
|||
}
|
||||
|
||||
#reload-button:not([displaystop]) + #stop-button, #reload-button[displaystop] {
|
||||
display: -moz-Box !important;
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
#stop-button {
|
||||
-moz-box-ordinal-group: 0 !important;
|
||||
order: -1 !important;
|
||||
}
|
||||
|
||||
#favimginurlbar[style='width: 16px; height: 16px; margin: 3px; list-style-image: url("chrome://branding/content/icon32.png");'] {
|
||||
|
|
@ -1161,23 +1097,6 @@ toolbarbutton menupopup[placespopup] {
|
|||
appearance: listbox !important;
|
||||
}
|
||||
|
||||
#statuspanel-label::after {
|
||||
content: '';
|
||||
appearance: resizer;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#statuspanel[inactive="true"] #statuspanel-label::before {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#statuspanel-label::before {
|
||||
margin-left: 5px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
#customization-container {
|
||||
margin-bottom: 22px !important;
|
||||
}
|
||||
|
|
@ -1193,4 +1112,89 @@ toolbarbutton menupopup[placespopup] {
|
|||
|
||||
toolbar .toolbaritem-combined-buttons {
|
||||
margin-inline: 0 !important;
|
||||
}
|
||||
|
||||
#browser-bottombox {
|
||||
display: flex;
|
||||
appearance: statusbar;
|
||||
box-sizing: border-box;
|
||||
min-height: 23px !important;
|
||||
padding-top: 1px !important;
|
||||
user-select: none !important;
|
||||
}
|
||||
|
||||
.statusBarInner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-basis: 100%;
|
||||
appearance: statusbarpanel;
|
||||
}
|
||||
|
||||
.statusBarInnerTwoBoxes {
|
||||
min-width: 22px;
|
||||
flex-basis: 22px;
|
||||
}
|
||||
|
||||
.statusBarInternet {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-width: 154px;
|
||||
flex-basis: 154px;
|
||||
padding-inline: 4px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.statusBarInternet::after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
appearance: resizer;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.statusBarIcon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-image: url('page.png');
|
||||
margin-right: 4px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.statusBarInternet .statusBarIcon {
|
||||
margin-left: 0;
|
||||
background-image: url('internet.png');
|
||||
}
|
||||
|
||||
#statuspanel {
|
||||
padding: 0 !important;
|
||||
transition: none !important;
|
||||
position: fixed !important;
|
||||
bottom: 4px !important;
|
||||
left: 22px !important;
|
||||
max-width: calc(100% - 298px) !important;
|
||||
}
|
||||
|
||||
#statuspanel-label {
|
||||
color: -moz-DialogText !important;
|
||||
background-color: transparent !important;
|
||||
border: 0 !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.statusBarDone {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.statusBarInternet .statusBarDone {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.unified-extensions-item[attention] > .unified-extensions-item-action-button.toolbarbutton-1 > .toolbarbutton-badge-stack {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
.urlbarView-button-menu {
|
||||
display: none !important;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue