Skip to content

Commit a09b46f

Browse files
Apollon77Apollon77
authored
Merge pull request #613 from simatec/patch-2
simatec) Responisve Design added
2 parents dfcc065 + a9cdd6a commit a09b46f

File tree

2 files changed

+51
-25
lines changed

2 files changed

+51
-25
lines changed

‎README.md

+1
Original file line numberDiff line numberDiff line change
@@ -184,6 +184,7 @@ Send the log with reference to the generated GitHub issue to iobroker@fischer-ka
184184
* (@Apollon77) Added enhanced logic for AC/DC states and generalized it for more devices
185185
* (@Apollon77) Fixes raw data parsing for some devices
186186
* (@Apollon77) Adjusted special handling for TempSet, TempCurrent and FloorTemp states to return correct values
187+
* (@simatec) Responsive Design added
187188

188189
### 3.16.0 (2024-08-15)
189190
* js-controller 5.0 is now required at least

‎admin/index_m.html

+50-25
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
}
2020

2121
.m .page {
22-
height: calc(100% - 10px) !important;
22+
height: calc(100% - 50px) !important;
2323
}
2424

2525
.m span {
@@ -38,10 +38,31 @@
3838
cursor: pointer;
3939
}
4040

41-
.linkDesign a:link{
42-
color: #1e88e5!important;
43-
cursor: pointer!important;
44-
text-decoration: underline!important;
41+
.linkDesign a:link {
42+
color: #1e88e5 !important;
43+
cursor: pointer !important;
44+
text-decoration: underline !important;
45+
}
46+
47+
#tab-cloudSync,
48+
#tab-proxySync {
49+
padding-top: 1rem;
50+
}
51+
52+
.title {
53+
background-color: #39c;
54+
}
55+
56+
/* Style for very small Screens */
57+
@media screen and (max-width: 600px) {
58+
.playCircleDesign {
59+
margin-bottom: 3rem !important;
60+
}
61+
62+
#tab-cloudSync,
63+
#tab-proxySync {
64+
padding-top: 3rem;
65+
}
4566
}
4667
</style>
4768

@@ -257,7 +278,7 @@
257278

258279
<div id="tab-local" class="col s12 page">
259280
<div class="row">
260-
<div class="col s12 m4 l2">
281+
<div class="col s12 m6 l6">
261282
<img src="tuya.png" class="logo">
262283
</div>
263284
</div>
@@ -288,7 +309,7 @@ <h6 class="title translate">Local-Polling settings</h6>
288309
</div>
289310
<div class="row">
290311
<div class="input-field col s12">
291-
<input class="value" id="pollingInterval" type="number" min="10" max="100000"/>
312+
<input class="value" id="pollingInterval" type="number" min="10" max="100000" />
292313
<label for="pollingInterval" class="translate">Polling Interval</label>
293314
</div>
294315
</div>
@@ -303,7 +324,7 @@ <h6 class="title translate">Cloud-Polling settings</h6>
303324
<span for="cloudPollingWhenNotConnected" class="translate">cloudPollingWhenNotConnected</span>
304325
</div>
305326
<div class="input-field col s6">
306-
<input class="value" id="cloudPollingInterval" type="number" min="60" max="100000"/>
327+
<input class="value" id="cloudPollingInterval" type="number" min="60" max="100000" />
307328
<label for="cloudPollingInterval" class="translate">Cloud Polling Interval</label>
308329
</div>
309330
</div>
@@ -336,11 +357,11 @@ <h6 class="title translate">Cloud-App-Login</h6>
336357
</div>
337358
</div>
338359
<div class="row">
339-
<div class="input-field col s6">
360+
<div class="playCircleDesign input-field col s6">
340361
<i id="startCloudSync" class="material-icons prefix">play_circle_filled</i>
341362
<label class="translate">Sync devices with cloud one time</label>
342-
<br/>
343-
<br/>
363+
<br />
364+
<br />
344365
</div>
345366
<div class="input-field col s6">
346367
<input id="storeCloudCredentials" type="checkbox" class="value" />
@@ -389,10 +410,8 @@ <h6 class="title translate">iotCloud-Login</h6>
389410
</div>
390411
</div>
391412
<div class="row">
392-
<div class="row">
393-
<div class="col s12 linkDesign">
394-
<span class="translate">iotCloudRegisterInfo</span>
395-
</div>
413+
<div class="col s12 linkDesign">
414+
<span class="translate">iotCloudRegisterInfo</span>
396415
</div>
397416
</div>
398417
<div class="row">
@@ -419,11 +438,11 @@ <h6><b><span id="deviceInfo3"></span></b></h6>
419438
</div>
420439
</div>
421440
<div class="row">
422-
<div class="input-field col s6">
441+
<div class="playCircleDesign input-field col s6">
423442
<i id="startProxy" class="material-icons prefix">play_circle_filled</i>
424443
<label class="translate">Start proxy</label>
425-
<br/>
426-
<br/>
444+
<br />
445+
<br />
427446
</div>
428447
<div class="col s6 linkDesign">
429448
<img src="warning.png" width="50" height="50" align="left">
@@ -446,29 +465,35 @@ <h6><b><span id="deviceInfo3"></span></b></h6>
446465
<div class="modal-content">
447466
<h6 class="title translate">Proxy Information</h6>
448467
<br>
449-
<span class="translate showOnStart">ProxySteps</span><br/><br/>
468+
<span class="translate showOnStart">ProxySteps</span><br /><br />
450469
<div class="progress showOnStart">
451470
<div class="indeterminate"></div>
452471
</div>
453-
<p style="text-align:center;"><i id="success" class="material-icons large hideOnStart">check</i><a id="certUrl" href=""><img id="certImage" class="showOnStart" src="" width="164" height="164" /></a></p>
472+
<p style="text-align:center;"><i id="success" class="material-icons large hideOnStart">check</i><a
473+
id="certUrl" href=""><img id="certImage" class="showOnStart" src="" width="164"
474+
height="164" /></a></p>
454475
<div id="proxyDone" class="input-field col s12 hideOnStart">
455476
<b><span id="proxyResult"></span></b>
456477
</div>
457478
</div>
458479
<div class="modal-footer">
459-
<a id="stopProxy" class="btn-close modal-action modal-close waves-effect waves-green btn-flat translate">Stop Proxy</a>
480+
<a id="stopProxy"
481+
class="btn-close modal-action modal-close waves-effect waves-green btn-flat translate">Stop
482+
Proxy</a>
460483
</div>
461484
</div>
462485
<div id="cloudsync-dialog" class="modal">
463486
<div class="modal-content">
464487
<h6 class="title translate">Cloud Sync Title</h6>
465488
<br>
466-
<span class="translate showOnCloudSyncStart">Cloud Sync Information</span><br/><br/>
467-
<span style="font-weight:bold" class="translate showOnCloudSyncStart">appCloudLoginInfo</span><br/><br/>
489+
<span class="translate showOnCloudSyncStart">Cloud Sync Information</span><br /><br />
490+
<span style="font-weight:bold"
491+
class="translate showOnCloudSyncStart">appCloudLoginInfo</span><br /><br />
468492
<div class="progress cloudSyncProgress showOnCloudSyncStart">
469493
<div class="indeterminate"></div>
470494
</div>
471-
<p style="text-align:center;"><i id="cloudSuccess" class="material-icons large hideOnCloudSyncStart">check</i></p>
495+
<p style="text-align:center;"><i id="cloudSuccess"
496+
class="material-icons large hideOnCloudSyncStart">check</i></p>
472497
<div id="cloudSyncDone" class="input-field col s12 hideOnCloudSyncStart">
473498
<b><span id="cloudSyncResult"></span></b>
474499
</div>
@@ -477,4 +502,4 @@ <h6 class="title translate">Cloud Sync Title</h6>
477502
</div>
478503
</body>
479504

480-
</html>
505+
</html>

0 commit comments

Comments
 (0)