Skip to content

Instantly share code, notes, and snippets.

@bazooka07
Created May 25, 2020
Embed
What would you like to do?
Interface plus agréable du back-office de PLuXml 5.8.3
thead,
tbody tr:not(.new) td:first-of-type:not([colspan]),
table[data-rows-num] tr[draggable] td:first-of-type,
form .sidebar {
background-color: #e0e0e0;
color: #000;
}
.menu.expanded li {
margin-left: 0.75rem;
}
.section .action-bar,
.aside {
background-color: #113867;
color: #e0e0e0;
}
.section .action-bar {
border-left: 1px;
}
.section .action-bar a {
color: inherit;
}
#responsive-menu li.active {
background-color: #3fbabb;
}
.aside .unstyled-list.profil,
.aside .menu-config {
background-color: transparent;
}
.ddcat {
width: auto;
}
/* .aside et .action-bar avec position: fixed :
* Impossible d'utiliser display: grid ou flex !
* */
@media screen and (min-width: 43rem) {
body .section {
padding: 0.5rem 1.5rem 0 0.5rem;
}
.in-action-bar { margin-top: 7.5rem; }
body { --aside-width: 17rem; }
body .main .aside { width: var(--aside-width); }
body .main .section { margin-left: var(--aside-width); width: calc(100% - var(--aside-width)); }
body .main .section .action-bar { left: var(--aside-width); }
.scrollable-table {
padding-bottom: 1rem;
}
#pagination {
margin: 0.5rem 0 0;
}
}
@media screen and (min-width: 43rem) and (max-width: 65rem) {
#article,
#statique,
#categorie,
#parametres_plugin { --aside-width: 0; }
#article .main .aside,
#statique .main .aside,
#categorie .main .aside,
#parametres_plugin .main .aside { display: none; }
#article .main.grid,
#statique .main.grid,
#categorie .main.grid,
#parametres_plugin .main.grid,
#article .action-bar,
#statique .action-bar,
#categorie .action-bar,
#parametres_plugin .action-bar { margin: 0; }
#form_article > .grid > .col {
padding-right: 0.5rem;
}
}
@media screen and (min-width: 49rem) {
#form_article > .grid {
display: grid;
grid-template-columns: 1fr 25rem;
margin-right: 0.15rem;
}
#form_article > .grid > div {
width: auto;
}
}
@media screen and (min-width: 65rem) {
body .section {
padding-left: 1.5rem;
}
#form_article > .grid {
grid-template-columns: 1fr 32rem;
}
#form_article > .grid > .col {
padding-right: 1.5rem;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment