Loading...
 
Skip to main content

Admin interface, UX/UI; Admin interface should use all the available width to improve usability

  • Tracker item actions
Trackers
Items
Status
Open
Subject
Admin interface, UX/UI; Admin interface should use all the available width to improve usability
Version
24.x
26.x
master
Category
  • Usability
Feature
Admin Interface (UI)
Resolution status
New
Submitted by
Bernard Sfez / Tiki Specialist
Lastmod by
Bernard Sfez / Tiki Specialist
Rating
(0)
Related-to
Description

This was tested on Tiki26 using Classic Bootstrap layout with Unified Admin Backend enable, fixed width enabled and a value for "Layout width" (1920px) wider than the available space in the admin display for a screen width.

IE: The site don't use a left column and is designed to use most, but not all, of the width available but in the admin view we have a 268px aside dropdown set.

In that case the footer goes under the Unified Admin Back-end col.

Solution

My solution is to add css to the ".admin-wrapper" class

Copy to clipboard
.admin-wrapper {
    display: flex;    // exist already
    width: calc(100% - 268px);    // 268px is the side of the admin aside dropdown
    margin: auto;    // To have it displayed nicely in any language
}
Importance
5
Easy to solve?
5
Priority
25
Demonstrate Bug on Tiki 19+
Demonstrate Bug (older Tiki versions)
Ticket ID
8350
Created
Tuesday 28 February, 2023 07:54:14 UTC
by Bernard Sfez / Tiki Specialist
LastModif
Sunday 06 August, 2023 13:11:32 UTC


Show PHP error messages