Console display fixes
This commit is contained in:
parent
127fa5fa82
commit
6451e7f9f1
3 changed files with 7 additions and 7 deletions
|
@ -2,10 +2,10 @@
|
||||||
.console-container .console { background-color: #212121; height: 100vh; transform: translateY(0px); padding-top: 80px; box-sizing: border-box; }
|
.console-container .console { background-color: #212121; height: 100vh; transform: translateY(0px); padding-top: 80px; box-sizing: border-box; }
|
||||||
|
|
||||||
.console-top { color: white; font-family: Consolas, monospace; font-size: 11px; line-height: 20px; height: 100%; box-sizing: border-box; letter-spacing: 0.5px;}
|
.console-top { color: white; font-family: Consolas, monospace; font-size: 11px; line-height: 20px; height: 100%; box-sizing: border-box; letter-spacing: 0.5px;}
|
||||||
.console-text { overflow-y: scroll; height: calc(100% - 10px); color: #DDD; padding: 5px; margin-top: -36px; }
|
.console-text { overflow-y: scroll; height: calc(100% - 10px); color: #DDD; padding: 5px; margin-top: -36px; overflow-wrap: break-word; }
|
||||||
.console-tabs {
|
.console-tabs {
|
||||||
background-color: #41193fad; position: relative; margin-right: 15px; backdrop-filter: blur(2px);
|
background-color: #41193fad; position: relative; margin-right: 17px; backdrop-filter: blur(2px);
|
||||||
box-shadow: 0px 0px 45px #7d2463; background: linear-gradient(-75deg, #591a48ed, #70305e66); border-bottom: 1px solid #792e6473;
|
box-shadow: -30px 0px 45px #7d2463; background: linear-gradient(-75deg, #591a48ed, #70305e66); border-bottom: 1px solid #792e6473;
|
||||||
}
|
}
|
||||||
.console-tabs a {
|
.console-tabs a {
|
||||||
margin-right: 5px; padding: 5px 15px; text-decoration: none; color: #AAA;
|
margin-right: 5px; padding: 5px 15px; text-decoration: none; color: #AAA;
|
||||||
|
|
|
@ -6,9 +6,9 @@
|
||||||
.console-container .console { background-color: #212121; height: 100vh; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px) ; padding-top: 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box ; }
|
.console-container .console { background-color: #212121; height: 100vh; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px) ; padding-top: 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box ; }
|
||||||
|
|
||||||
.console-top { color: white; font-family: Consolas, monospace; font-size: 11px; line-height: 20px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box ; letter-spacing: 0.5px;}
|
.console-top { color: white; font-family: Consolas, monospace; font-size: 11px; line-height: 20px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box ; letter-spacing: 0.5px;}
|
||||||
.console-text { overflow-y: scroll; height: calc(100% - 10px); color: #DDD; padding: 5px; margin-top: -36px; }
|
.console-text { overflow-y: scroll; height: calc(100% - 10px); color: #DDD; padding: 5px; margin-top: -36px; overflow-wrap: break-word; }
|
||||||
.console-tabs {
|
.console-tabs {
|
||||||
background-color: #41193fad; position: relative; margin-right: 15px; backdrop-filter: blur(2px);
|
background-color: #41193fad; position: relative; margin-right: 17px; backdrop-filter: blur(2px);
|
||||||
-webkit-box-shadow: 0px 0px 45px #7d2463; -moz-box-shadow: 0px 0px 45px #7d2463; -o-box-shadow: 0px 0px 45px #7d2463; -ms-box-shadow: 0px 0px 45px #7d2463; box-shadow: 0px 0px 45px #7d2463 ; background: -webkit-linear-gradient(-75deg, #591a48ed, #70305e66);background: -moz-linear-gradient(-75deg, #591a48ed, #70305e66);background: -o-linear-gradient(-75deg, #591a48ed, #70305e66);background: -ms-linear-gradient(-75deg, #591a48ed, #70305e66);background: linear-gradient(-75deg, #591a48ed, #70305e66); border-bottom: 1px solid #792e6473;
|
-webkit-box-shadow: 0px 0px 45px #7d2463; -moz-box-shadow: 0px 0px 45px #7d2463; -o-box-shadow: 0px 0px 45px #7d2463; -ms-box-shadow: 0px 0px 45px #7d2463; box-shadow: 0px 0px 45px #7d2463 ; background: -webkit-linear-gradient(-75deg, #591a48ed, #70305e66);background: -moz-linear-gradient(-75deg, #591a48ed, #70305e66);background: -o-linear-gradient(-75deg, #591a48ed, #70305e66);background: -ms-linear-gradient(-75deg, #591a48ed, #70305e66);background: linear-gradient(-75deg, #591a48ed, #70305e66); border-bottom: 1px solid #792e6473;
|
||||||
}
|
}
|
||||||
.console-tabs a {
|
.console-tabs a {
|
||||||
|
|
|
@ -114,12 +114,12 @@
|
||||||
})(this);
|
})(this);
|
||||||
$(window).on("hashchange", (function(_this) {
|
$(window).on("hashchange", (function(_this) {
|
||||||
return function() {
|
return function() {
|
||||||
if (window.top.location.hash === "#ZeroNet:console") {
|
if (window.top.location.hash === "#ZeroNet:Console") {
|
||||||
return _this.open();
|
return _this.open();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
})(this));
|
})(this));
|
||||||
if (window.top.location.hash === "#ZeroNet:console") {
|
if (window.top.location.hash === "#ZeroNet:Console") {
|
||||||
setTimeout(((function(_this) {
|
setTimeout(((function(_this) {
|
||||||
return function() {
|
return function() {
|
||||||
return _this.open();
|
return _this.open();
|
||||||
|
|
Loading…
Reference in a new issue