Minor css improvements for tablets
This commit is contained in:
@@ -141,6 +141,7 @@ input[type="text"] {
|
|||||||
color: #888;
|
color: #888;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
width: 400px;
|
width: 400px;
|
||||||
|
max-width: 99%;
|
||||||
font-size: 1.0em;
|
font-size: 1.0em;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
@@ -1060,7 +1061,7 @@ tr td.task-orange,
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* responsive design */
|
/* responsive design */
|
||||||
@media only screen and (min-width : 600px) and (max-width : 1024px) {
|
@media only screen and (min-width : 768px) and (max-width : 1024px) {
|
||||||
|
|
||||||
.hide-tablet {
|
.hide-tablet {
|
||||||
display: none;
|
display: none;
|
||||||
@@ -1079,24 +1080,30 @@ tr td.task-orange,
|
|||||||
.project-menu {
|
.project-menu {
|
||||||
font-size: 0.7em;
|
font-size: 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
table input[type="text"] {
|
|
||||||
width: 200px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width : 600px) {
|
@media only screen and (max-width : 768px) {
|
||||||
|
|
||||||
header {
|
header {
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.logo,
|
||||||
.project-menu {
|
.project-menu {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
nav ul {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav li:first-child {
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
#board {
|
#board {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
font-size: 0.85em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.task-board .task-score {
|
.task-board .task-score {
|
||||||
|
|||||||
Reference in New Issue
Block a user