Fix header blocking tabs on mobile

To address pull request #357
This commit is contained in:
teachingtechYT
2021-09-08 10:28:28 +10:00
parent f410db69d1
commit aa0dba2726
2 changed files with 19 additions and 2 deletions

View File

@ -91,6 +91,23 @@ textarea {
font-size: 1.4em; font-size: 1.4em;
} }
table.head {
border-collapse: collapse;
border: none;
}
table.head td {
border: none;
padding: 0;
}
#header h1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: 0;
}
table.sponsor { table.sponsor {
border-collapse: collapse; border-collapse: collapse;
} }
@ -187,7 +204,7 @@ ol li {
} }
table { table {
width: 100%; /*width: 100%;*/
margin-bottom: 20px; margin-bottom: 20px;
} }
table input { table input {

View File

@ -17,7 +17,7 @@ function sizeBody(){
} }
$('head').append('<title>'+pageTitle+'</title>'); $('head').append('<title>'+pageTitle+'</title>');
var header ='<img src="img/tt.png" class="icon" style="vertical-align:middle;" /><h1>'+pageTitle+'</h1>'; var header ='<table class="head"><tr><td><img src="img/tt.png" class="icon" style="vertical-align:middle;" /></td><td><h1>'+pageTitle+'</h1></td></tr></table>';
$('#header').html(header); $('#header').html(header);
var up = '^ <span style="font-weight:bold;">TOP</span> ^'; var up = '^ <span style="font-weight:bold;">TOP</span> ^';