style.css compatibility issues/enhancements
JSuenram committed
Jan 20, 2022 at 10:31 UTC
c347bd20e18dea615cadd099755f2301e8d533e3
2 files changed
+48
.vscode/launch.json
new
+15
@@ -0,0 +1,15 @@
1
+{
2
+ // Verwendet IntelliSense zum Ermitteln möglicher Attribute.
3
+ // Zeigen Sie auf vorhandene Attribute, um die zugehörigen Beschreibungen anzuzeigen.
4
+ // Weitere Informationen finden Sie unter https://go.microsoft.com/fwlink/?linkid=830387
5
+ "version": "0.2.0",
6
+ "configurations": [
7
+ {
8
+ "type": "pwa-chrome",
9
+ "request": "launch",
10
+ "name": "Launch Chrome against localhost",
11
+ "url": "http://localhost:8080",
12
+ "webRoot": "${workspaceFolder}"
13
+ }
14
+ ]
15
+}
\ No newline at end of file
public/styles/style.css
+33
@@ -136,8 +136,10 @@ body {
136
width: 100%;
137
grid-area: header;
138
-ms-grid-column: 1;
139
+ grid-column: 1;
140
-ms-grid-column-span: 2;
141
-ms-grid-row: 1;
142
+ grid-row: 1;
143
}
144
145
.fulldesk #masthead {
@@ -178,7 +180,9 @@ body {
180
181
#page_leftbar {
182
-ms-grid-column: 1;
183
+ grid-column: 1;
184
-ms-grid-row: 2;
185
+ grid-row: 2;
186
-ms-grid-row-span: 3;
187
height: 100%;
188
/* height: calc(100vh - 66px); */
@@ -213,7 +217,9 @@ body {
217
position: relative;
218
grid-area: nav;
219
-ms-grid-column: 2;
220
+ grid-column: 2;
221
-ms-grid-row: 2;
222
+ grid-row: 2;
223
}
224
225
.fulldesk #topbar {
@@ -222,8 +228,10 @@ body {
228
229
.menu_stack #topbar, .login #topbar, .arg_hide #topbar {
230
-ms-grid-column: 1;
231
+ grid-column: 1;
232
-ms-grid-column-span: 2;
233
-ms-grid-row: 2;
234
+ grid-row: 2;
235
}
236
237
.logoncontrolspan, .logoncontrolspan2 {
@@ -334,14 +342,18 @@ body {
342
343
.menu_stack.fullscreen.fulldesk #column_l {
344
-ms-grid-column: 1;
345
+ grid-column: 1;
346
-ms-grid-row: 1;
347
+ grid-row: 1;
348
-ms-grid-column-span: 2;
349
-ms-grid-row-span: 4;
350
}
351
352
.fullscreen #column_l {
353
-ms-grid-column: 2;
354
+ grid-column: 1;
355
-ms-grid-row: 3;
356
+ grid-row: 3;
357
grid-area: content;
358
width: unset;
359
/* height: calc(100vh - 111px);
@@ -351,8 +363,10 @@ body {
363
364
.menu_stack.fullscreen #column_l, .login #column_l, .arg_hide #column_l {
365
-ms-grid-column: 1;
366
+ grid-column: 1;
367
-ms-grid-column-span: 2;
368
-ms-grid-row: 3;
369
+ grid-row: 3;
370
}
371
372
.fulldesk #column_l {
@@ -364,7 +378,9 @@ body {
378
padding: 0;
379
max-height: none;
380
-ms-grid-column: 1;
381
+ grid-column: 1;
382
-ms-grid-row: 1;
383
+ grid-row: 1;
384
background-color: rgb(0, 51, 102);
385
}
386
@@ -434,7 +450,9 @@ body {
450
451
#footer {
452
-ms-grid-column: 2;
453
+ grid-column: 2;
454
-ms-grid-row: 4;
455
+ grid-row: 4;
456
grid-area: footer;
457
clear: both;
458
overflow: auto;
@@ -451,8 +469,10 @@ body {
469
470
.menu_stack.fullscreen #footer, .login #footer, .arg_hide #footer {
471
-ms-grid-column: 1;
472
+ grid-column: 1;
473
-ms-grid-column-span: 2;
474
-ms-grid-row: 4;
475
+ grid-row: 4;
476
}
477
478
/* Support for footer made with table */
@@ -1116,6 +1136,7 @@ NoMeshesPanel img {
1136
height: calc(100vh - 295px);
1137
overflow: auto;
1138
-webkit-user-select: none;
1139
+ user-select: none;
1140
position: relative;
1141
}
1142
@@ -1124,6 +1145,7 @@ NoMeshesPanel img {
1145
width: 100%;
1146
overflow: auto;
1147
-webkit-user-select: none;
1148
+ user-select: none;
1149
background-color: lightsteelblue;
1150
}
1151
@@ -1904,6 +1926,7 @@ a {
1926
-khtml-user-select: none;
1927
-webkit-user-select: none;
1928
-o-user-select: none;
1929
+ user-select: none;
1930
cursor: default;
1931
-khtml-user-drag: element;
1932
clear: both;
@@ -2450,7 +2473,9 @@ a {
2473
#deskarea1 {
2474
grid-area: deskarea1;
2475
-ms-grid-column: 1;
2476
+ grid-column: 1;
2477
-ms-grid-row: 1;
2478
+ grid-row: 1;
2479
min-height: 20px;
2480
}
2481
@@ -2459,7 +2484,9 @@ a {
2484
grid-area: deskarea2;
2485
background-color: gray;
2486
-ms-grid-column: 1;
2487
+ grid-column: 1;
2488
-ms-grid-row: 2;
2489
+ grid-row: 2;
2490
}
2491
2492
#progressbar {
@@ -2488,7 +2515,9 @@ a {
2515
max-height: 100%;
2516
height: 100%;
2517
-ms-grid-column: 1;
2518
+ grid-column: 1;
2519
-ms-grid-row: 3;
2520
+ grid-row: 3;
2521
}
2522
2523
#DeskFocus {
@@ -2513,6 +2542,7 @@ a {
2542
overflow: hidden;
2543
width: 100%;
2544
-ms-touch-action: none;
2545
+ touch-action: none;
2546
position: absolute;
2547
top: 0px;
2548
bottom: 0px;
@@ -2628,7 +2658,9 @@ a {
2658
#deskarea4 {
2659
grid-area: deskarea4;
2660
-ms-grid-column: 1;
2661
+ grid-column: 1;
2662
-ms-grid-row: 4;
2663
+ grid-row: 4;
2664
}
2665
2666
#DeskChatButton, #DeskNotifyButton, #DeskOpenWebButton, #DeskBackgroundButton, #DeskSaveImageButton, #DeskRecordButton, #DeskClipboardInButton, #DeskClipboardOutButton, #DeskRefreshButton, #DeskLockButton, #DeskInputLockedButton, #DeskInputUnLockedButton, #DeskGuestShareButton {
@@ -2730,6 +2762,7 @@ a {
2762
height: calc(100vh - 323px);
2763
overflow: auto;
2764
-webkit-user-select: none;
2765
+ user-select: none;
2766
}
2767
2768
.room4submenu #p13filetable {