Skip to content
Snippets Groups Projects
Commit 601433fd authored by Nils G.'s avatar Nils G.
Browse files

Fix css for header

parent bf7ca5a4
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
static/css/base.css
+ 16
− 7
View file @ 601433fd
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
} }
body, html { body, html {
min-width: 375px; min-width: 275px;
} }
/* =============== Header =================== */ /* =============== Header =================== */
...@@ -34,22 +34,31 @@ body, html { ...@@ -34,22 +34,31 @@ body, html {
} }
#header span { #header span {
vertical-align: middle; overflow: hidden;
}
#header #header_left, #header #header_right {
display: table-cell;
line-height: 10px;
word-wrap: anywhere;
font-size: 0.6em;
width: 20%;
} }
#header #header_left { #header #header_left {
margin-left: 15%;
float: left; float: left;
text-align: left;
padding-left: 5%;
} }
#header #header_center { #header #header_center {
margin-left: 10px; margin: auto;
margin-right: 10px;
} }
#header #header_right { #header #header_right {
margin-right: 15%;
float: right; float: right;
text-align: right;
padding-right: 5%;
} }
.spacer { .spacer {
...@@ -65,7 +74,7 @@ body, html { ...@@ -65,7 +74,7 @@ body, html {
left: 0px; left: 0px;
bottom: 0px; bottom: 0px;
width: 100%; width: 100%;
min-width: inherit; min-width: 300px;
margin-top: 20px; margin-top: 20px;
padding: 5px; padding: 5px;
......
views/include/header_debug.html
+ 2
− 2
View file @ 601433fd
<script type="text/javascript"> <script type="text/javascript">
$("#header_left").html("{{=player_record.name}}"); $("#header_left").html("{{=room_record.code}}");
$("#header_center").html("Lynchburg"); $("#header_center").html("Lynchburg");
$("#header_right").html("{{=room_record.code}}"); $("#header_right").html("{{=player_record.name}}:{{=player_record.role}}");
</script> </script>
views/layout.html
+ 1
− 1
View file @ 601433fd
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
</head> </head>
<body> <body>
<div id="header"><span id="header_left"></span><span id="header_center"></span><span id="header_right"></span></div> <div id="header"><span id="header_left"></span><span id="header_right"></span><span id="header_center"></span></div>
<div class="spacer"></div> <div class="spacer"></div>
<!-- Page Content --> <!-- Page Content -->
......
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