yWeb: try to remove horizontal scrollbars from bouquet list

Origin commit data
------------------
Branch: ni/coolstream
Commit: f188db70cb
Author: vanhofen <vanhofen@gmx.de>
Date: 2023-02-19 (Sun, 19 Feb 2023)

Origin message was:
------------------
- yWeb: try to remove horizontal scrollbars from bouquet list

------------------
No further description and justification available within origin commit message!

------------------
This commit was generated by Migit
This commit is contained in:
vanhofen
2023-02-19 22:30:08 +01:00
parent 3ee0902f36
commit 08ec035090
8 changed files with 94 additions and 67 deletions

View File

@@ -1,5 +1,10 @@
{=include-block:Y_Blocks.txt;head_no_charset=} {=include-block:Y_Blocks.txt;head_no_charset=}
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/>
<style>
.work_box_body {
padding-right: 0;
}
</style>
{=include-block:Y_Blocks.txt;head_close=} {=include-block:Y_Blocks.txt;head_close=}
<body class="iframe"> <body class="iframe">
<table class="bouquetlist" width="100%"> <table class="bouquetlist" width="100%">

View File

@@ -1,4 +1,9 @@
{=include-block:Y_Blocks.txt;head=} {=include-block:Y_Blocks.txt;head=}
<style>
.work_box_body {
padding-right: 0;
}
</style>
{=include-block:Y_Blocks.txt;head_close=} {=include-block:Y_Blocks.txt;head_close=}
<body> <body>
<div class="work_box"> <div class="work_box">
@@ -7,13 +12,13 @@
<div class="work_box_body"> <div class="work_box_body">
<iframe src="Y_Boxcontrol_Bouquetlist.yhtm?bouquet=#akt" <iframe src="Y_Boxcontrol_Bouquetlist.yhtm?bouquet=#akt"
scrolling="auto" marginheight="1" marginwidth="1" frameborder="0" name="bouquets" scrolling="auto" marginheight="1" marginwidth="1" frameborder="0" name="bouquets"
style="height: 600px; width: 24%;"> style="height: 600px; width: 24%; float: left;">
</iframe> </iframe>
<iframe src="Y_Boxcontrol_Channellist.yhtm?bouquet={=func:get_actual_bouquet_number=}" <iframe src="Y_Boxcontrol_Channellist.yhtm?bouquet={=func:get_actual_bouquet_number=}"
scrolling="auto" marginheight="1" marginwidth="1" frameborder="0" name="content" scrolling="auto" marginheight="1" marginwidth="1" frameborder="0" name="content"
style="height: 600px; width: 74%;"> style="height: 600px; width: 76%; float: right;">
</iframe> </iframe>
</div> </div>
</div> </div>
</body> </body>
</html> </html>

View File

@@ -22,10 +22,15 @@ function do_streaminfo() {
window.open("Y_StreamInfo.yhtm", "stream", "width=520"); window.open("Y_StreamInfo.yhtm", "stream", "width=520");
} }
</script> </script>
<style>
.work_box_body {
padding-right: 0;
}
</style>
{=include-block:Y_Blocks.txt;head_close=} {=include-block:Y_Blocks.txt;head_close=}
<body class="iframe"> <body class="iframe">
<table class="bouquetitemlist"> <table class="bouquetitemlist">
{=func:get_bouquets_with_epg {=bouquet=}=} {=func:get_bouquets_with_epg {=bouquet=}=}
</table> </table>
</body> </body>
</html> </html>

View File

@@ -162,7 +162,7 @@ function init() {
<li> <li>
{=L:bc.menue.screenshot=} {=L:bc.menue.screenshot=}
</li> </li>
<ul style="margin-left: 1em"> <ul>
<li> <li>
<a target="work" title="OSD-{=L:bc.menue.screenshot=}" href="Y_Tools_Screenshot.yhtm?osd=1&rc={=ini-get:/var/tuxbox/config/Y-Web.conf;screenshot_rc;false=}">OSD</a> <a target="work" title="OSD-{=L:bc.menue.screenshot=}" href="Y_Tools_Screenshot.yhtm?osd=1&rc={=ini-get:/var/tuxbox/config/Y-Web.conf;screenshot_rc;false=}">OSD</a>
</li> </li>

View File

@@ -188,6 +188,17 @@ tr {
text-decoration: none; text-decoration: none;
padding-left: 20px; padding-left: 20px;
} }
/* scrollbar styling */
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background-color: #757575;
}
::-webkit-scrollbar-thumb {
background: #424242;
}
/* primary Navigation */ /* primary Navigation */
.y_menu_prim_box { .y_menu_prim_box {
margin: 5px; margin: 5px;
@@ -274,7 +285,7 @@ tr {
} }
.y_menu_sec_box_head { .y_menu_sec_box_head {
margin: 0; margin: 0;
padding: 0; padding: 5px 5px 5px 10px;
background: #FD6D13; background: #FD6D13;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
@@ -285,7 +296,7 @@ tr {
} }
.y_menu_sec_box_head h2 { .y_menu_sec_box_head h2 {
margin: 0; margin: 0;
padding: 5px 5px 5px 10px; padding: 0;
/* font-family: Arial, 'Lucida Grande',Tahoma, Verdana, Geneva, Helvetica, sans-serif; */ /* font-family: Arial, 'Lucida Grande',Tahoma, Verdana, Geneva, Helvetica, sans-serif; */
color: white; color: white;
font-weight: bold; font-weight: bold;
@@ -294,7 +305,7 @@ tr {
} }
.y_menu_sec_box_body { .y_menu_sec_box_body {
margin: 0; margin: 0;
padding: 5px 0 10px; padding: 5px 5px 5px 10px;
background-color: #ffffff; background-color: #ffffff;
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
@@ -318,7 +329,7 @@ tr {
.y_menu_sec li { .y_menu_sec li {
text-align: left; text-align: left;
margin-bottom: 1px; margin-bottom: 1px;
padding-left: 20px; padding-left: 0;
color: #555555; color: #555555;
} }
.y_menu_sec li a { .y_menu_sec li a {
@@ -331,9 +342,13 @@ tr {
.y_menu_sec li a:hover { .y_menu_sec li a:hover {
color: #FD6D13; color: #FD6D13;
} }
.y_menu_sec ul ul {
padding-left: 10px;
margin: 0;
}
.y_menu_sec_section { .y_menu_sec_section {
margin: 10px 0px 0px 0px; margin: 10px 0px 0px -5px;
padding: 3px 2px 3px 10px; padding: 5px;
background-color: #F7F7F7; background-color: #F7F7F7;
font-size: 10pt; font-size: 10pt;
font-weight: bold; font-weight: bold;
@@ -376,7 +391,7 @@ tr {
} }
.work_box_head { .work_box_head {
margin: 0; margin: 0;
padding: 0; padding: 5px 10px;
text-align: center; text-align: center;
background-color: #606060; background-color: #606060;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
@@ -388,7 +403,7 @@ tr {
} }
.work_box_head h2,.work_box_head_h2 { .work_box_head h2,.work_box_head_h2 {
margin: 0; margin: 0;
padding: 5px 20px; padding: 0;
/* font-family: Arial, 'Lucida Grande',Tahoma, Verdana, Geneva, Helvetica, sans-serif; */ /* font-family: Arial, 'Lucida Grande',Tahoma, Verdana, Geneva, Helvetica, sans-serif; */
color: white; color: white;
font-weight: bold; font-weight: bold;
@@ -397,7 +412,7 @@ tr {
} }
.work_box_body { .work_box_body {
margin: 0; margin: 0;
padding: 5px 30px 10px 30px; padding: 5px 10px;
background-color: #ffffff; background-color: #ffffff;
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
@@ -485,7 +500,7 @@ tr {
} }
.y_wait_box_head { .y_wait_box_head {
margin: 0; margin: 0;
padding: 0; padding: 5px 5px 5px 10px;
background: #FD6D13; background: #FD6D13;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
@@ -496,7 +511,7 @@ tr {
} }
.y_wait_box_head h2 { .y_wait_box_head h2 {
margin: 0; margin: 0;
padding: 5px 20px; padding: 0;
color: white; color: white;
font-weight: bold; font-weight: bold;
font-size: 1.2em; font-size: 1.2em;
@@ -504,7 +519,7 @@ tr {
} }
.y_wait_box_body { .y_wait_box_body {
margin: 0; margin: 0;
padding: 5px 15px 20px; padding: 5px 5px 5px 10px;
background-color: #ffffff; background-color: #ffffff;
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
@@ -596,7 +611,7 @@ tr {
padding:0;*/ padding:0;*/
} }
.y_form td{ .y_form td{
padding-left:20px; padding-left: 10px;
} }
.y_form #colorTable td{ .y_form #colorTable td{
padding-left:0px; padding-left:0px;
@@ -665,9 +680,6 @@ tr {
.y_epg_info #info2 { .y_epg_info #info2 {
font-size:8pt; font-size:8pt;
} }
.a, .b, .c {
vertical-align: top;
}
.bouquetitemlist .logo_cell { .bouquetitemlist .logo_cell {
background: #A7A7A7; background: #A7A7A7;
border-bottom: 1px solid white; border-bottom: 1px solid white;
@@ -687,9 +699,6 @@ tr {
max-width: 175px; max-width: 175px;
max-height: 40px; max-height: 40px;
} }
.aepg, .bepg, .cepg {
white-space: nowrap;
}
.channel_logos .channel_logos
{ {
background: #A7A7A7; background: #A7A7A7;
@@ -852,17 +861,6 @@ tr.bouquetlist
margin: 0px; margin: 0px;
width: 100%; width: 100%;
} }
.a
{
background-color: #F7F7F7;
/* font-family:Arial,Sans-Serif; */
font-size:11pt;
border-spacing: 0px;
padding: 0px;
padding-left: 10px;
padding-right: 20px;
margin:0px;
}
#epglist thead { #epglist thead {
background-color: #fff; background-color: #fff;
} }
@@ -874,29 +872,60 @@ tr.bouquetlist
#epglist tbody tr:hover { #epglist tbody tr:hover {
background-color: #dddddd; background-color: #dddddd;
} }
.a, .b, .c
{
vertical-align: top;
font-size: 11pt;
padding: 0 20px 0 10px;
margin: 0;
border-spacing: 0px;
}
.a
{
background-color: #F7F7F7;
}
.aepg, .bepg, .cepg
{
white-space: nowrap;
font-weight: normal;
font-size: 10pt;
padding-left: 10px;
}
.aepg .aepg
{ {
background-color: #F7F7F7; background-color: #F7F7F7;
font-weight:normal;
font-size:10pt;
padding-left: 10px;
} }
.b .b
{ {
background-color: white; background-color: white;
font-size:11pt;
border-spacing: 0px;
padding: 0px;
padding-left: 10px;
padding-right: 20px;
margin:0px;
} }
.bepg .bepg
{ {
background-color: white; background-color: white;
font-weight:normal; }
font-size:10pt; .c
padding-left: 10px; {
background-color: #D7D7D7;
font-weight:bold;
}
.cepg
{
background-color:#D7D7D7;
}
.event_description
{
display: inline-block;
max-width: 450px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
cursor: pointer;
}
.event_duration
{
font-size: 8pt;
white-space: nowrap;
margin-right: 10px;
} }
a:hover.clist a:hover.clist
{ {
@@ -908,22 +937,6 @@ a:hover.clistsmall
font-size:10pt; font-size:10pt;
text-decoration:underline; text-decoration:underline;
} }
.c
{
background-color:#D7D7D7;
font-weight:bold;
font-size:11pt;
padding-left: 10px;
padding-right: 20px;
margin:0px;
}
.cepg
{
background-color:#D7D7D7;
font-weight:normal;
font-size:10pt;
padding-left: 10px;
}
.cslider_cell .cslider_cell
{ {
width: 35px; width: 35px;

View File

@@ -42,7 +42,7 @@ function init(){
{=include-block:Y_Blocks.txt;management_link=} {=include-block:Y_Blocks.txt;management_link=}
</li> </li>
<li>{=L:ni.netfs-control=}</li> <li>{=L:ni.netfs-control=}</li>
<ul style="margin-left: 1em"> <ul>
<li> <li>
{=var-set:m_link_href=Y_NI_NetFS-init.yhtm?mount_type=0&mount_type_s=fstab=} {=var-set:m_link_href=Y_NI_NetFS-init.yhtm?mount_type=0&mount_type_s=fstab=}
{=var-set:m_link_desc=fstab-{=L:tools.mounts=}=} {=var-set:m_link_desc=fstab-{=L:tools.mounts=}=}

View File

@@ -1,3 +1,3 @@
version=3.0.33 version=3.0.34
date=18.02.2023 date=19.02.2023
info=NI-Neutrino-Webinterface info=NI-Neutrino-Webinterface

View File

@@ -173,7 +173,6 @@ textarea {
.y_form_header { .y_form_header {
border-bottom : 1px solid #a0a0a0; border-bottom : 1px solid #a0a0a0;
color : #a0a0a0; color : #a0a0a0;
padding-top:0.5em;
} }
.y_form_section { .y_form_section {