update live tv grid style
This commit is contained in:
parent
a472453e4b
commit
1531e0b85c
3 changed files with 38 additions and 20 deletions
|
@ -149,11 +149,11 @@
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
margin-top: 44px;
|
margin-top: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobileGuide .programContainer {
|
.mobileGuide .programContainer {
|
||||||
margin-top: 30px;
|
margin-top: 38px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.channelPrograms {
|
.channelPrograms {
|
||||||
|
@ -173,7 +173,16 @@
|
||||||
|
|
||||||
.timeslotHeaderInner {
|
.timeslotHeaderInner {
|
||||||
padding: .6em .35em .5em;
|
padding: .6em .35em .5em;
|
||||||
font-weight: 500;
|
font-weight: 400;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.channelTimeslotHeader .accentButton {
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.channelTimeslotHeader .timeslotHeaderInner {
|
||||||
|
padding-top: .4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.channelHeaderCell, .channelTimeslotHeader {
|
.channelHeaderCell, .channelTimeslotHeader {
|
||||||
|
@ -193,11 +202,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.timeslotHeader, .channelTimeslotHeader {
|
.timeslotHeader, .channelTimeslotHeader {
|
||||||
height: 34px;
|
height: 42px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.channelHeaderCellInner {
|
.channelHeaderCellInner {
|
||||||
padding: .2em .5em .5em;
|
padding: .35em .5em .5em;
|
||||||
display: block;
|
display: block;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-weight: 300 !important;
|
font-weight: 300 !important;
|
||||||
|
@ -211,7 +220,7 @@
|
||||||
|
|
||||||
.channelList {
|
.channelList {
|
||||||
float: left;
|
float: left;
|
||||||
font-size: 18px;
|
font-size: 16px;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -272,10 +281,6 @@
|
||||||
padding: 0 .5em .35em;
|
padding: 0 .5em .35em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.plainProgramInfo {
|
|
||||||
background-color: #252525;
|
|
||||||
}
|
|
||||||
|
|
||||||
.guideChannelInfo {
|
.guideChannelInfo {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
max-width: 110px;
|
max-width: 110px;
|
||||||
|
@ -302,15 +307,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.channelHeaderCell, .channelTimeslotHeader {
|
.channelHeaderCell, .channelTimeslotHeader {
|
||||||
width: 89px;
|
width: 94px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.programGrid, .timeslotHeaders {
|
.programGrid, .timeslotHeaders {
|
||||||
margin-left: 90px;
|
margin-left: 95px;
|
||||||
}
|
|
||||||
|
|
||||||
.currentDate {
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.currentDay {
|
.currentDay {
|
||||||
|
@ -321,13 +322,30 @@
|
||||||
width: 6500px;
|
width: 6500px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.channelList {
|
.channelList, .channelTimeslotHeader .accentButton {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.timeslotHeaderInner {
|
||||||
|
font-size: 14px;
|
||||||
|
padding-top: .8em;
|
||||||
|
}
|
||||||
|
|
||||||
.channelHeaderCellInner {
|
.channelHeaderCellInner {
|
||||||
padding-top: .6em;
|
padding-top: .6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.channelTimeslotHeader a {
|
||||||
|
padding-left: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.channelTimeslotHeader i {
|
||||||
|
margin-right: 2px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.channelTimeslotHeader .timeslotHeaderInner {
|
||||||
|
padding-top: .5em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.channelList, .programGrid {
|
.channelList, .programGrid {
|
||||||
|
|
|
@ -18,7 +18,7 @@
|
||||||
<div class="tvGuide">
|
<div class="tvGuide">
|
||||||
<div style="white-space: nowrap;position:fixed;top:99px;left:0;z-index:100; max-width: 100%;">
|
<div style="white-space: nowrap;position:fixed;top:99px;left:0;z-index:100; max-width: 100%;">
|
||||||
<div class="channelTimeslotHeader">
|
<div class="channelTimeslotHeader">
|
||||||
<div style="padding-top:4px;">
|
<div class="timeslotHeaderInner">
|
||||||
<a href="#popupConfig" data-rel="popup" class="accentButton" style="display:block;padding-left:5px;"><i class="fa fa-calendar"></i><span class="currentDate"></span></a>
|
<a href="#popupConfig" data-rel="popup" class="accentButton" style="display:block;padding-left:5px;"><i class="fa fa-calendar"></i><span class="currentDate"></span></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -29,8 +29,8 @@
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<label for="txtUploadRateLimit">${LabelUploadSpeedLimit}</label>
|
<label for="txtUploadSpeedLimit">${LabelUploadSpeedLimit}</label>
|
||||||
<input type="number" id="txtUploadSpeedLimit" min="0" step=".5" required="required" />
|
<input type="number" id="txtUploadSpeedLimit" min="0" step=".5" />
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<label for="txtCpuCoreLimit">${LabelConversionCpuCoreLimit}</label>
|
<label for="txtCpuCoreLimit">${LabelConversionCpuCoreLimit}</label>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue