mirror of
https://github.com/Ylianst/MeshCentral.git
synced 2024-12-23 14:01:43 +03:00
Merge pull request #194 from Ylianst/revert-193-revert-189-master
Revert "Fixed reported CSS issues and added support for IE"
This commit is contained in:
Ylian Saint-Hilaire
GitHub
commit
0e60488284
@ -21,59 +21,13 @@
|
||||
border-left: 1px solid #b7b7b7;
|
||||
padding: 0;
|
||||
}
|
||||
.fullscreen.login #container {
|
||||
-ms-grid-rows: 66px 24px 1fr 45px;
|
||||
grid-template-rows: 66px 24px auto 45px;
|
||||
-ms-grid-columns: 90px 1fr;
|
||||
grid-template-columns: 90px repeat(auto-fit, minmax(900px, 1fr));
|
||||
grid-template-areas:
|
||||
"header header"
|
||||
"nav nav"
|
||||
"content content"
|
||||
"footer footer";
|
||||
}
|
||||
.fullscreen.arg_hide #container {
|
||||
-ms-grid-rows: 66px 24px 1fr 45px;
|
||||
grid-template-rows: 66px 24px auto 45px;
|
||||
-ms-grid-columns: 90px 1fr;
|
||||
grid-template-columns: 90px repeat(auto-fit, minmax(900px, 1fr));
|
||||
grid-template-areas:
|
||||
"header header"
|
||||
"nav nav"
|
||||
"content content"
|
||||
"footer footer";
|
||||
}
|
||||
.fullscreen.menu_stack #container {
|
||||
-ms-grid-rows: 66px minmax(24px, max-content) 1fr 45px;
|
||||
grid-template-rows: 66px minmax(24px, max-content) auto 45px;
|
||||
-ms-grid-columns: 90px 1fr;
|
||||
grid-template-columns: 90px repeat(auto-fit, minmax(900px, 1fr));
|
||||
grid-template-areas:
|
||||
"header header"
|
||||
"nav nav"
|
||||
"content content"
|
||||
"footer footer";
|
||||
}
|
||||
|
||||
.fullscreen #container {
|
||||
width: 100%;
|
||||
min-width: 700px;
|
||||
min-height: 0px;
|
||||
border-right: 0px none #b7b7b7;
|
||||
border-left: 0px none #b7b7b7;
|
||||
height: calc(100% - 0px);
|
||||
position: relative;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
grid-gap: 0px;
|
||||
grid-template-areas:
|
||||
"header header"
|
||||
"sidebar nav"
|
||||
"sidebar content"
|
||||
"sidebar footer";
|
||||
-ms-grid-columns: 90px 1fr;
|
||||
grid-template-columns: 90px auto;
|
||||
-ms-grid-rows: 66px 24px 1fr 45px;
|
||||
grid-template-rows: 66px 24px auto 45px;
|
||||
}
|
||||
|
||||
.fulldesk #container {
|
||||
@ -83,15 +37,6 @@
|
||||
border-right: 0px none #b7b7b7;
|
||||
border-left: 0px none #b7b7b7;
|
||||
position: unset;
|
||||
position: relative;
|
||||
display: -ms-grid !important;
|
||||
display: grid !important;
|
||||
grid-gap: 0px;
|
||||
grid-template-areas: "content"!important;
|
||||
-ms-grid-columns: 1fr;
|
||||
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)) !important;
|
||||
-ms-grid-rows: 1fr;
|
||||
grid-template-rows: repeat(auto-fit, minmax(100px, 1fr))!important;
|
||||
}
|
||||
|
||||
#masthead {
|
||||
@ -112,11 +57,8 @@
|
||||
|
||||
.fullscreen #masthead {
|
||||
width: 100%;
|
||||
grid-area: header;
|
||||
-ms-grid-column: 1;
|
||||
-ms-grid-column-span: 2;
|
||||
-ms-grid-row: 1;
|
||||
}
|
||||
|
||||
.fulldesk #masthead {
|
||||
display: none;
|
||||
}
|
||||
@ -149,11 +91,29 @@
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#page_content {
|
||||
/*max-height: calc(100vh - 108px);*/
|
||||
}
|
||||
.fullscreen #page_content {
|
||||
position: absolute;
|
||||
top: 66px;
|
||||
left: 90px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
}
|
||||
.arg_hide #page_content {
|
||||
left: 0px;
|
||||
}
|
||||
.fulldesk #page_content {
|
||||
position: static;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#page_leftbar {
|
||||
-ms-grid-column: 1;
|
||||
-ms-grid-row: 2;
|
||||
-ms-grid-row-span: 3;
|
||||
/* height: calc(100vh - 66px); */
|
||||
height: calc(100vh - 66px);
|
||||
width: 90px;
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
@ -172,20 +132,13 @@
|
||||
}
|
||||
|
||||
#topbar {
|
||||
/* height: 24px; */
|
||||
position: relative;
|
||||
grid-area: nav;
|
||||
-ms-grid-column: 2;
|
||||
-ms-grid-row: 2;
|
||||
}
|
||||
|
||||
.fulldesk #topbar {
|
||||
display: none;
|
||||
}
|
||||
.menu_stack #topbar, .login #topbar, .arg_hide #topbar {
|
||||
-ms-grid-column: 1;
|
||||
-ms-grid-column-span: 2;
|
||||
-ms-grid-row: 2;
|
||||
}
|
||||
|
||||
.topbar_td {
|
||||
width: 100px;
|
||||
@ -205,8 +158,7 @@
|
||||
right: 6px
|
||||
}
|
||||
|
||||
/* #UserDummyMenuSpan, */
|
||||
#MainSubMenuSpan, #MeshSubMenuSpan, #UserSubMenuSpan, #ServerSubMenuSpan, #MainMenuSpan, #MainSubMenu, #MeshSubMenu, #UserSubMenu, #ServerSubMenu, #UserDummyMenu {
|
||||
#MainMenuSpan, #MainSubMenu, #MeshSubMenu, #UserSubMenu, #ServerSubMenu, #UserDummyMenu {
|
||||
width: 100%;
|
||||
height: 22px
|
||||
}
|
||||
@ -224,8 +176,7 @@
|
||||
#column_l {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
width: 930px;
|
||||
margin: 0;
|
||||
padding: 0 15px;
|
||||
background-color: #fff;
|
||||
@ -236,35 +187,22 @@
|
||||
max-height: calc(100vh - 159px) !important;
|
||||
}
|
||||
|
||||
.menu_stack.fullscreen.fulldesk #column_l {
|
||||
-ms-grid-column: 1;
|
||||
-ms-grid-row: 1;
|
||||
-ms-grid-column-span: 2;
|
||||
-ms-grid-row-span: 4;
|
||||
}
|
||||
.fullscreen #column_l {
|
||||
-ms-grid-column: 2;
|
||||
-ms-grid-row: 3;
|
||||
grid-area: content;
|
||||
width: unset;
|
||||
height: calc(100vh - 135px);
|
||||
width: calc(100% - 30px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.menu_stack.fullscreen #column_l, .login #column_l, .arg_hide #column_l {
|
||||
-ms-grid-column: 1;
|
||||
-ms-grid-column-span: 2;
|
||||
-ms-grid-row: 3;
|
||||
}
|
||||
.fulldesk #column_l {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
height: unset;
|
||||
/*height: unset;*/
|
||||
/*max-height: unset;*/
|
||||
/*overflow-y: unset;*/
|
||||
margin-left: unset;
|
||||
overflow-y: unset;
|
||||
padding: 0;
|
||||
max-height: none;
|
||||
-ms-grid-column: 1;
|
||||
-ms-grid-row: 1;
|
||||
max-height:100vh;
|
||||
height:100vh;
|
||||
overflow-y:hidden;
|
||||
}
|
||||
.fulldesk #column_l_bottomgap {
|
||||
display: none;
|
||||
@ -319,9 +257,6 @@
|
||||
}
|
||||
|
||||
#footer {
|
||||
-ms-grid-column: 2;
|
||||
-ms-grid-row: 4;
|
||||
grid-area: footer;
|
||||
clear: both;
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
@ -333,11 +268,6 @@
|
||||
.fulldesk #footer {
|
||||
display: none;
|
||||
}
|
||||
.menu_stack.fullscreen #footer, .login #footer, .arg_hide #footer {
|
||||
-ms-grid-column: 1;
|
||||
-ms-grid-column-span: 2;
|
||||
-ms-grid-row: 4;
|
||||
}
|
||||
|
||||
/* Support for footer made with table */
|
||||
#footer table {
|
||||
@ -440,9 +370,7 @@
|
||||
|
||||
#idx_dlgButtonBar {
|
||||
padding: 10px;
|
||||
margin-bottom: 5px;
|
||||
overflow: auto;
|
||||
float: right;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#idx_dlgCancelButton {
|
||||
@ -655,7 +583,7 @@
|
||||
}
|
||||
|
||||
#p3events {
|
||||
height: calc(100vh - 245px);
|
||||
height: calc(100vh - 243px);
|
||||
overflow-y: scroll
|
||||
}
|
||||
|
||||
@ -693,7 +621,7 @@
|
||||
|
||||
#p5filetable {
|
||||
width: 100%;
|
||||
height: calc(100vh - 295px);
|
||||
height: calc(100vh - 294px);
|
||||
overflow: auto;
|
||||
-webkit-user-select: none;
|
||||
position: relative;
|
||||
@ -744,12 +672,6 @@
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
#serverMainStats {
|
||||
height:calc(100vh - 251px);
|
||||
max-height:calc(100vh - 251px);
|
||||
width:100%
|
||||
}
|
||||
|
||||
#p10BackButton, #p11BackButton {
|
||||
float:left
|
||||
}
|
||||
@ -1442,10 +1364,6 @@ a {
|
||||
/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/ /* Firefox 10+, Firefox on Android */
|
||||
filter: gray; /* IE6-9 */
|
||||
-webkit-filter: grayscale(100%) opacity(60%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
||||
-moz-opacity: 0.60;
|
||||
opacity:.60;
|
||||
filter: alpha(opacity=60);
|
||||
}
|
||||
|
||||
.unselectable {
|
||||
@ -1517,116 +1435,13 @@ a {
|
||||
padding: 4px
|
||||
}
|
||||
|
||||
.deskareaicon {
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
float: right;
|
||||
font-size: 130%;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.areaHead {
|
||||
padding-left: 4px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
background: #C0C0C0;
|
||||
}
|
||||
|
||||
.areaProgress {
|
||||
background-color: gray;
|
||||
}
|
||||
|
||||
.areaProgress div {
|
||||
height: 2px;
|
||||
width: 0%;
|
||||
background-color:red;
|
||||
}
|
||||
|
||||
.areaFoot {
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
background: #C0C0C0;
|
||||
}
|
||||
|
||||
.toright2 {
|
||||
float: right;
|
||||
text-align: right;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
#deskarea0 {
|
||||
width: 100%;
|
||||
padding: 0px;
|
||||
padding: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.fulldesk #deskarea0 {
|
||||
min-width: 100%;
|
||||
min-height: 0px;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
grid-gap: 0px;
|
||||
grid-template-areas:
|
||||
"deskarea1"
|
||||
"deskarea2"
|
||||
"deskarea3"
|
||||
"deskarea4";
|
||||
/* grid-template-columns: 90px auto; */
|
||||
grid-template-rows: 24px max-content auto max-content;
|
||||
-ms-grid-columns: 1fr;
|
||||
-ms-grid-rows: 24px max-content 1fr max-content;
|
||||
}
|
||||
|
||||
#deskarea0 .mR {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
#deskarea1 {
|
||||
grid-area: deskarea1;
|
||||
-ms-grid-column: 1;
|
||||
-ms-grid-row: 1;
|
||||
}
|
||||
|
||||
|
||||
#deskarea2 {
|
||||
grid-area: deskarea2;
|
||||
background-color: gray;
|
||||
-ms-grid-column: 1;
|
||||
-ms-grid-row: 2;
|
||||
}
|
||||
|
||||
#progressbar {
|
||||
height:2px;
|
||||
width:0%;
|
||||
background-color:red;
|
||||
}
|
||||
|
||||
#deskarea3x {
|
||||
background: black;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
max-height: calc(100vh - 296px); /* + 24px hight of submenu */
|
||||
height: calc(100vh - 296px);
|
||||
}
|
||||
|
||||
.room4submenu #deskarea3x {
|
||||
max-height: calc(100vh - 296px);
|
||||
height: calc(100vh - 296px);
|
||||
}
|
||||
|
||||
.fulldesk #deskarea3x {
|
||||
grid-area: deskarea3;
|
||||
max-height: none;
|
||||
height: calc(100vh - 56px);
|
||||
-ms-grid-column: 1;
|
||||
-ms-grid-row: 3;
|
||||
}
|
||||
|
||||
#DeskFocus {
|
||||
overflow: hidden;
|
||||
color: transparent;
|
||||
@ -1643,12 +1458,7 @@ a {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
-ms-touch-action: none;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
margin: auto;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
|
||||
@ -1678,22 +1488,6 @@ a {
|
||||
background-color: #EFE8B6;
|
||||
}
|
||||
|
||||
#deskarea4 {
|
||||
grid-area: deskarea4;
|
||||
-ms-grid-column: 1;
|
||||
-ms-grid-row: 4;
|
||||
}
|
||||
|
||||
#DeskChatButton, #DeskNotifyButton, #DeskOpenWebButton {
|
||||
float: right;
|
||||
margin-top: 1px;
|
||||
margin-right: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#DeskClip, #DeskControlSpan, #specialkeylist {
|
||||
margin-left:6px;
|
||||
}
|
||||
|
||||
.userTableHeader {
|
||||
border-bottom: 1pt solid lightgray;
|
||||
@ -1701,159 +1495,6 @@ a {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
#deskkeys {
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
#p12BackButton {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#termTable {
|
||||
width: 100%;
|
||||
padding: 0px;
|
||||
padding: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
#termarea3x {
|
||||
background: black;
|
||||
text-align: center;
|
||||
height: 500px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#Term {
|
||||
background: black;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#p13toolbar {
|
||||
width: 100%
|
||||
}
|
||||
#p13toolbar .areaHead {
|
||||
border-bottom: 2px solid black;
|
||||
}
|
||||
|
||||
#p13toolbar .areaHead2 {
|
||||
width: 100%;
|
||||
background-color: #d3d9d6;
|
||||
text-align: left;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
#p13toolbar .areaHead3 {
|
||||
background-color:#E4E9E7;
|
||||
height:28px;
|
||||
}
|
||||
|
||||
#p13filetable {
|
||||
width: 100%;
|
||||
height: calc(100vh - 349px);
|
||||
overflow: auto;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
#p13bigok {
|
||||
width: 256px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 337px;
|
||||
top: 200px;
|
||||
text-align: center;
|
||||
font-size: 1600%;
|
||||
color: #AAAAAA;
|
||||
}
|
||||
|
||||
#p13bigfail {
|
||||
width: 256px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 337px;
|
||||
top: 200px;
|
||||
text-align: center;
|
||||
font-size: 1600%;
|
||||
color: #AAAAAA;
|
||||
}
|
||||
|
||||
#p14iframe {
|
||||
width: 100%;
|
||||
height: calc(100vh - 242px);
|
||||
border: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#p13toolbarBottom, #p13toolbar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#consoleTable {
|
||||
width: 100%;
|
||||
padding: 0px;
|
||||
padding: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
#p15statetext {
|
||||
padding: 4px;
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
#p15agentConsole {
|
||||
background: black;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: lightgray;
|
||||
width: 100%;
|
||||
/* */
|
||||
height: calc(100vh - 299px);
|
||||
max-height: calc(100vh - 299px);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.menu_stack.fullscreen #p15agentConsole {
|
||||
height: calc(100vh - 305px);
|
||||
max-height: calc(100vh - 305px);
|
||||
}
|
||||
|
||||
#p15coreName {
|
||||
padding: 4px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#p15agentConsoleText {
|
||||
/* position: absolute; */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
/* left: 0;
|
||||
right: 0; */
|
||||
overflow-y: scroll;
|
||||
overflow-x: auto;
|
||||
height: calc(100vh - 299px);
|
||||
max-height: calc(100vh - 299px);
|
||||
width: 930px;
|
||||
}
|
||||
.menu_stack.fullscreen #p15agentConsoleText {
|
||||
width: calc(100vw - 30px);
|
||||
height: calc(100vh - 305px);
|
||||
max-height: calc(100vh - 305px);
|
||||
}
|
||||
.fullscreen #p15agentConsoleText {
|
||||
width: calc(100vw - 120px);
|
||||
}
|
||||
|
||||
#p16events, #p31events {
|
||||
max-height: calc(100vh - 269px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
#p40 {
|
||||
height:calc(100vh - 191px)
|
||||
}
|
||||
|
||||
.viewSelector {
|
||||
width:32px;
|
||||
height:32px;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -11,17 +11,18 @@
|
||||
<script keeplink=1 type="text/javascript" src="scripts/u2f-api.js"></script>
|
||||
<title>{{{title}}} - Login</title>
|
||||
</head>
|
||||
<body id="body" onload="if (typeof(startup) !== 'undefined') startup();" class="arg_hide login">
|
||||
<body id="body" onload="if (typeof(startup) !== 'undefined') startup();" class="arg_hide">
|
||||
<div id=container>
|
||||
<div id=mastheadx></div>
|
||||
<div id=masthead>
|
||||
<div class="title">{{{title}}}</div>
|
||||
<div class="title2">{{{title2}}}</div>
|
||||
</div>
|
||||
|
||||
<div id=page_content>
|
||||
<div id=topbar class="noselect style3">
|
||||
<div id=toggle title="Toggle full width" onclick="toggleFullScreen(1)">↔</div>
|
||||
</div>
|
||||
<div id=column_l>
|
||||
<div id=column_l style="height:calc(100vh - 111px)">
|
||||
<h1>Welcome</h1>
|
||||
<div id="welcomeText" style="display:none">Connect to your home or office devices from anywhere in the world using <a href="http://www.meshcommander.com/meshcentral2">MeshCentral</a>, the real time, open source remote monitoring and management web site. You will need to download and install a management agent on your computers. Once installed, computers will show up in the "My Devices" section of this web site and you will be able to monitor them and take control of them.</div>
|
||||
<table id="centralTable" style="">
|
||||
@ -215,7 +216,7 @@
|
||||
<a href=terms>Terms & Privacy</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div id=dialog style="display:none">
|
||||
<div id=dialogHeader>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user