Author Topic: VM 3 Backend template (vs VM2)  (Read 457 times)

EvanGR

  • Jr. Member
  • **
  • Posts: 144
VM 3 Backend template (vs VM2)
« on: September 14, 2018, 08:38:49 am »
Hello,

We are currently migrating over to VM3 (over from VM2). One thing we don't like very much, is that the new administrator template is way too bright and spacious.

Is there a variation available to bring back some of the old look? We mainly care about things being less bright and packed together more closely.

Thanks

Jörgen

  • Global Moderator
  • Full Member
  • *
  • Posts: 1747
    • Kreativ Fotografi
  • VirtueMart Version: 3.2.12
Re: VM 3 Backend template (vs VM2)
« Reply #1 on: September 16, 2018, 22:19:27 pm »
All of the views in the backend are overridable, but I do not know of any free variation (template) that is available.
You have to make the override Yourself or search for a commercial template.

Jörgen @ Kreativ Fotografi

Joomla 3.8.3
Virtuemart 3.2.12
Olympiantheme Hera (customized)

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 27025
  • Always on vacation
    • Jenkin Hill Internet
Re: VM 3 Backend template (vs VM2)
« Reply #2 on: September 17, 2018, 11:46:53 am »
The only VM admin override template that I'm aware of it https://www.jooglies.com/en/virtuemart-templates/vm-admin-template  which is built by StefanSTS.   

There are now more config options than were in VM2 so packing things more tightly may be conter-productive. To change colours and compress layout should just require css overrides.
Kelvyn

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Currently using VM 3.4.0.9935 on Joomla 3.8.12 PHP 7.0.31
Testing VM 3.4.0.9941 on Joomla 3.8.12

Milbo

  • Virtuemart Projectleader
  • Administrator
  • Super Hero
  • *
  • Posts: 9711
  • VM3.2 Cached and Optimized
    • VM3 Extensions
  • VirtueMart Version: VirtueMart 3 on joomla 3
Re: VM 3 Backend template (vs VM2)
« Reply #3 on: September 20, 2018, 11:07:06 am »
I am interested to see, which views got wider. Btw you can minify the menu on the left.
I should fix your bug, please support the VirtueMart project and become a member
______________________________________
Extensions approved by the core team: http://extensions.virtuemart.net/

EvanGR

  • Jr. Member
  • **
  • Posts: 144
Re: VM 3 Backend template (vs VM2)
« Reply #4 on: September 21, 2018, 08:32:14 am »
The Orders page for example... I did CSS style overrides to bring paddings down and make everything more compact again. I also toned down the background to be less bright.

Milbo

  • Virtuemart Projectleader
  • Administrator
  • Super Hero
  • *
  • Posts: 9711
  • VM3.2 Cached and Optimized
    • VM3 Extensions
  • VirtueMart Version: VirtueMart 3 on joomla 3
Re: VM 3 Backend template (vs VM2)
« Reply #5 on: September 26, 2018, 09:35:47 am »
interested to share the files?
I should fix your bug, please support the VirtueMart project and become a member
______________________________________
Extensions approved by the core team: http://extensions.virtuemart.net/

EvanGR

  • Jr. Member
  • **
  • Posts: 144
Re: VM 3 Backend template (vs VM2)
« Reply #6 on: September 26, 2018, 13:17:42 pm »
Here's the additional CSS for the Isis template...

I may have made changes to the php files as well, and some parts of this styling serves other purposes for our specific needs. Hope it helps.


Code: [Select]
.admin.com_virtuemart {
    background: #fafafa;
}

div#admin-content {
    /* background: #f8f8f8; */
    font-size: .9em;
    text-rendering: optimizeLegibility;
}


.admin.com_virtuemart .table th,
.admin.com_virtuemart .table td {
    padding: .2em .2em;
}

.admin.com_virtuemart .table  label {
font-weight: bold;
font-size: .9em;
}

.admin.com_virtuemart  .order_name {
    font-weight: bold;
    font-size: 1em;
}

.admin.com_virtuemart .order_email {
    color: #888;
}


.admin.com_virtuemart  .order_number > a {
    font-size: 1em;
    padding: .3em .2em;
    display: block;
    background: #eee;
    border: 1px solid #ddd;
text-decoration: none;
}
.admin.com_virtuemart  .order_number > a:hover {
border-color: #aaa;
background: #ddd;
color: #000;
}


.admin.com_virtuemart .shipment_method {
    font-size: .9em;
    line-height: 1.6em;
    color: #555;
}


.admin.com_virtuemart .payment_method {
font-weight: normal;
    padding: .2em .6em;
    border: 1px solid #ccc;
    display: inline-block;
    border-radius: 4px;
    background: #f0f0f0;
    font-size: .9em;
font-weight: bold;
line-height: 1.3em;
}

.admin.com_virtuemart .order_total {
    font-size: 1.3em;
    font-weight: bold;
    border: 1px solid #ccc;
    padding: .1em .4em;
    /* background: #eee; */
    text-align: right;
cursor: pointer;
}
.admin.com_virtuemart #final_price > div {
    font-size: 1.3em;
    font-weight: bold;
    background: #f0f0f0;
    border: 1px solid #aaa;
    /* margin: .1em; */
    line-height: 1.3em;
    padding: .2em .4em;
    cursor: pointer;
    display: block;
}

.admin.com_virtuemart .order_total:hover,
.admin.com_virtuemart #final_price > div:hover {
background: #fff;
}
.admin.com_virtuemart .order_total:active,
.admin.com_virtuemart #final_price > div:active {
background: #333;
color: #eee;
}


select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
margin-bottom: .2em;
}

textarea#BT_customer_note_field {
    height: 8em;
    font-size: 1.2em;
    color: red;
}