Make Admin Panel Flexable Width.

[Cezz]

There are only three edits required to make the adminCP flexable width... However it requiers you have debug mode enabled.

1. Go to the Development Tab in Admin.php
2. Then go the Admin Templates
3. Filter templates with 'css'
4. Edit 'admin.css'

------------------------------------------------------------------------------------​

Change

pageWidth
{
@property "pageWidth";
margin: auto;
width: 950px;
@property "/pageWidth";
}

with

.pageWidth
{
@property "pageWidth";
margin: auto;
width: 95%;
@property "/pageWidth";
}

------------------------------------------------------------------------------------​

​

Change

#contentContainer
{
position: absolute;
top: 0px;
left: 160px;
z-index: 500;
}

With

#contentContainer
{
position: absolute;
top: 0px;
left: 160px;
right: 5%;
z-index: 500;
}

------------------------------------------------------------------------------------​

Change

#content
{
width: 720px;

with

#content
{
//width: 720px;

 

[Cezz]

After playing some more I found some other area's that would require some playing with.... Here they are...

At the bottom of admin.css ADD

.xenForm { width: auto; }

------------------------------------------------------------------------------------

Now open template_edit-css

FIND

width:
{xen:calc '@formWidth - 2 * @ctrlUnitEdgeSpacer'}px;

REPLACE WITH

//width: {xen:calc '@formWidth - 2 * @ctrlUnitEdgeSpacer'}px;

------------------------------------------------------------------------------------

NOTE: this is not perfect, for example on pages like the iconic splash pages the sidebar grows instead of the icons... I may continue to work on this for a while and get it perfect... we will see.

 

[Floris]

Ah, interesting. I will apply this to a local copy and see how this might be a better experience. Thanks for taking the time to write it out.