issue #11 Support TV channel change via number.

This commit is contained in:
Paul Kim
2023-10-06 11:58:26 +09:00
parent 4ecd45f823
commit 9764aeeb6e
4 changed files with 560 additions and 186 deletions

View File

@@ -152,4 +152,93 @@
transform: rotate(135deg) skew(15deg, 15deg);
border-top: 5px #fff solid;
border-right: 5px #fff solid;
}
}
/*************************/
/* STYLE for TV Shortcut */
/*************************/
.main .tv .shortcut {
position: absolute;
top: 18%;
left: 75%;
width: 440px;
height: 230px;
background: rgba(0, 0, 0, 0.7);
padding: 20px 6px 20px 6px;
border-top: 5px solid rgba(0,0,0,0.7);
border-bottom: 5px solid rgba(0,0,0,0.7);
}
.main .tv .shortcut div#suggestion {
position: absolute;
width: 100%;
height: 84%;
}
.main .tv .shortcut div#suggestion table {
width: 100%;
height: 100%;
/* padding: 3px 0px 3px 0px; */
border-collapse: collapse;
}
.main .tv .shortcut .ch_list>#record {
position: absolute;
width: 100%;
height: 100%;
color: rgba(240,240,240,1);
overflow: scroll;
padding: 14px 0px 0px 0px;
}
.main .tv .shortcut .ch_list>#record tr {
width: 96%;
display: block;
float: left;
padding: 5px 0px 5px 0px;
border-bottom: 1px solid rgb(67, 82, 105);
border-top: 1px solid rgb(67, 82, 105);
}
.main .tv .shortcut .ch_list>#record tr.active {
color:rgb(255, 192, 0);
background-color: rgba(0,0,0,0.6);
border-top: 2px solid rgb(255, 192, 0);
border-bottom: 2px solid rgb(255, 192, 0);
}
.main .tv .shortcut .ch_list>#record tr>.scitem {
font-size: 40px;
line-height: 1;
width: 100%;
}
.main .tv .shortcut .ch_list>#record tr>.scitem>#logo {
width: 24%;
height: 40px;
/* height: 100%; */
float: left;
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
border-radius: 10px;
border: 2px solid rgb(67, 82, 105);
/* margin: 1%; */
}
.main .tv .shortcut .ch_list>#record tr>.scitem>#num {
width: 14%;
float: left;
text-align: center;
/* margin: 4px 0px 1px 0px; */
}
.main .tv .shortcut .ch_list>#record tr>.scitem>#title {
width: 54%;
float: left;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
/* margin: 4px 0px 1px 0px; */
}