ZoneMinder
/
zoneminder
mirror of https://github.com/ZoneMinder/zoneminder.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Make PTZ presets fill the entire window width and fix other visual problems with the buttons

pull/2722/head
Isaac Connor 2019-10-08 18:48:37 -04:00
parent f3f972359b
commit c15e8eebb2
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/skins/classic/css/base/views/control.css
View File

@ -1,7 +1,7 @@
.ptzControls { .ptzControls {
vertical-align: top; vertical-align: top;
margin: 10px auto 0; margin: 10px auto 0;
width: 520px; width: 90%;
} }
.ptzControls::after { .ptzControls::after {
@ -32,7 +32,7 @@
margin: 0 4px; margin: 0 4px;
} }
.ptzControls .controlsPanel .arrowControl input { .ptzControls .controlsPanel .arrowControl button.longArrowBtn {
display: block; display: block;
} }
@ -72,10 +72,13 @@
.ptzControls .controlsPanel .irisControls { .ptzControls .controlsPanel .irisControls {
float: right; float: right;
text-align: center;
} }
.ptzControls .controlsPanel .whiteControls { .ptzControls .controlsPanel .whiteControls {
float: right; float: right;
width: 120px;
text-align: center;
} }
.ptzControls .controlsPanel .pantiltPanel { .ptzControls .controlsPanel .pantiltPanel {
@ -90,8 +93,8 @@
border: 1px solid #006699; border: 1px solid #006699;
text-align: center; text-align: center;
padding: 1px; padding: 1px;
width: 102px; width: 100px;
height: 102px; height: 100px;
} }
.ptzControls .controlsPanel .pantiltPanel .pantiltControls .arrowBtn { .ptzControls .controlsPanel .pantiltPanel .pantiltControls .arrowBtn {
@ -142,16 +145,16 @@
} }
.ptzControls .presetControls div { .ptzControls .presetControls div {
margin: 5px auto; margin: 5px 200px 5px 180px;
} }
.ptzControls .presetControls input { .ptzControls .presetControls button {
margin: 1px; margin: 1px;
} }
.ptzControls .presetControls input.ptzNumBtn { .ptzControls .presetControls button.ptzNumBtn {
padding: 1px 2px; padding: 1px 2px;
width: 24px; width: 45px;
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
} }