SPR-908: admintools in mobile
This commit is contained in:
parent
b2b72e7678
commit
a4ac4a3bba
1 changed files with 73 additions and 25 deletions
|
@ -1,15 +1,22 @@
|
||||||
|
/**
|
||||||
|
* This file provides the design styles for the admin tools
|
||||||
|
*
|
||||||
|
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
|
||||||
|
*/
|
||||||
|
|
||||||
.do-admin {
|
.do-admin {
|
||||||
#admin__version {
|
#admin__version {
|
||||||
font-size: @font-size-default;
|
font-size: @font-size-default;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-content ul {
|
.main-content ul {
|
||||||
> li{
|
> li {
|
||||||
font-size: @font-size-default;
|
font-size: @font-size-default;
|
||||||
|
|
||||||
div.li{
|
div.li {
|
||||||
font-size: @font-size-default;
|
font-size: @font-size-default;
|
||||||
|
|
||||||
a{
|
a {
|
||||||
font-size: @font-size-default;
|
font-size: @font-size-default;
|
||||||
line-height: 125%;
|
line-height: 125%;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -18,6 +25,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.ui-admin {
|
||||||
ul.admin_tasks {
|
ul.admin_tasks {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
|
@ -27,16 +35,56 @@
|
||||||
|
|
||||||
a {
|
a {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media @screen_max-md {
|
span.icon {
|
||||||
ul.admin_tasks {
|
margin-top: -.2rem;
|
||||||
float: none;
|
margin-bottom: .2rem;
|
||||||
width: auto;
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
||||||
|
/* 1024px */
|
||||||
|
|
||||||
|
@media @screen_max-md {
|
||||||
|
.do-admin {
|
||||||
|
div.ui-admin {
|
||||||
|
ul.admin_tasks {
|
||||||
|
width: 50%;
|
||||||
|
padding-top: 1rem;
|
||||||
|
|
||||||
|
li {
|
||||||
|
white-space: normal;
|
||||||
|
|
||||||
|
a {
|
||||||
|
.display-flex(); // for better position with line breaks (white-space)
|
||||||
|
|
||||||
|
span.icon {
|
||||||
|
margin-top: -.3rem;
|
||||||
|
margin-bottom: .3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
||||||
|
/* 768px */
|
||||||
|
|
||||||
|
@media @screen_max-xs {
|
||||||
|
.do-admin {
|
||||||
|
div.ui-admin {
|
||||||
|
ul.admin_tasks {
|
||||||
|
width: auto;
|
||||||
|
padding-top: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue