SPR-908: admintools in mobile

This commit is contained in:
Silke Pisulla 2017-03-22 13:23:03 +01:00
commit a4ac4a3bba

View file

@ -1,42 +1,90 @@
/**
* 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;
} }
}
}
}
ul.admin_tasks {
padding: 0;
li {
background-size: auto 1rem;
margin: 0 0 .6em 0;
a {
font-weight: 400;
} }
} }
} }
@media @screen_max-md { div.ui-admin {
ul.admin_tasks { ul.admin_tasks {
float: none; padding: 0;
width: auto;
}
li {
background-size: auto 1rem;
margin: 0 0 .6em 0;
a {
font-weight: 400;
span.icon {
margin-top: -.2rem;
margin-bottom: .2rem;
}
}
}
}
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 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;
}
}
}
}