search

dimayakovlev / getsimple-cms-extended

GetSimple CMS Extended
https://github.com/dimayakovlev/getsimple-cms-extended
GNU General Public License v3.0
1 stars 0 forks source link

Make Administrative panel adaptive #45

Closed dimayakovlev closed 2 years ago

dimayakovlev commented 3 years ago

Administrative panel is usable on devices with screens width more than 960px + scrollbar + browser borders.

Have no plans yet to adapt Administrative panel for mobiles but want to make it wider on desktops.

dimayakovlev commented 3 years ago

Now gap between #maincontent and #sidebar is: 960px - 690px - 225px = 45px. Want to reduce it to 20px:

.bodycontent {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}
#maincontent {
    /* width: 690px; */
    text-align: left;
    flex: 1;
}
#sidebar {
    width: 225px;
    position: sticky;
    top: 20px;
}

Need to make #sidebar wider?