Skip to content

V
vlc
Commit 7e326833 authored by Francois Cartegnie's avatar Francois Cartegnie
Browse files
Options

web intf: fix css for mobile

parent e19f3ad9
Show whitespace changes
Inline Side-by-side
Showing with 25 additions and 6 deletions
share/lua/http/css/main.css
View file @ 7e326833
...@@ -3,6 +3,7 @@ root { ...@@ -3,6 +3,7 @@ root {
} }
body{ body{
} }
#mainContainer{ #mainContainer{
text-align: center; text-align: center;
width: 800px; width: 800px;
...@@ -40,15 +41,23 @@ body{ ...@@ -40,15 +41,23 @@ body{
#currentVolume{ #currentVolume{
display: inline-block; display: inline-block;
} }
#mediaTitle{ #mediaTitle{
overflow: hidden;
padding: 5px;
}
#regular_layout #mediaTitle{
position: absolute; position: absolute;
top: 60px; top: 60px;
left: 0px; left: 0px;
width: 500px; width: 500px;
text-align: left; text-align: left;
padding: 5px;
overflow: hidden;
} }
#mobile_layout #mediaTitle{
}
#currentTime{ #currentTime{
float: left; float: left;
text-align: left; text-align: left;
...@@ -61,14 +70,24 @@ body{ ...@@ -61,14 +70,24 @@ body{
position:relative; position:relative;
height: 150px; height: 150px;
} }
#controlButtons{ #controlButtons{
text-align: left;
width: 380px;
}
/* div layout */
#regular_layout #controlButtons{
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
padding: 0; padding: 0;
margin: 0; margin: 0;
text-align: left; }
width: 380px;
/* still on table layout */
#mobile_layout #controlButtons{
} }
#buttonszone{ #buttonszone{
......
share/lua/http/index.html
View file @ 7e326833
...@@ -190,7 +190,7 @@ ...@@ -190,7 +190,7 @@
//]]> //]]>
</script> </script>
</head> </head>
<body> <body id="regular_layout">
<div class="centered"> <div class="centered">
<div id="mainContainer" class="centered"> <div id="mainContainer" class="centered">
<div id="controlContainer" class="ui-widget"> <div id="controlContainer" class="ui-widget">
......
share/lua/http/mobile.html
View file @ 7e326833
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
}) })
</script> </script>
</head> </head>
<body> <body id="mobile_layout">
<div id="main"> <div id="main">
<table width="100%" cellpadding="0" cellspacing="0" style="height:100%" border="0"> <table width="100%" cellpadding="0" cellspacing="0" style="height:100%" border="0">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment