Go to create a new article, menu item, etc..
You'll notice that the "Title" input is the same length as the "Alias" input below.
The "Title" input should be longer which it used to be in an earlier state of J4
Same length
Labels |
Added:
?
|
+1
Does this issue needs to be addressed @dgrammatiko and @infograf768
The "Title" input should be longer which it used to be in an earlier state of J4
Why the distinction? For what is worth all inputs should have a width 100% and the container div will act as the upper hard limit...
@dgrammatiko I believe it was requested by some users as it was a more meaningful field.
Not sure really. Im just basing this on J3 and an earlier state of J4.
@coolcat-creations will be able to give her feedback
@C-Lodder how do I contact @coolcat-creations regarding this?
She'll get a notification with the above tags
I agree to @dgrammatiko - about the length. Thanks for following up. Can anyone take care of this issue?
Yes I'm in @coolcat-creations . Please specify what exactly are the changes to be made
There are 2 places to look at:
For the extra div
/layouts/joomla/edit/title_alias.php
I just modified it here to
<?php
/**
* @package Joomla.Site
* @subpackage Layout
*
* @copyright Copyright (C) 2005 - 2018 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/
defined('JPATH_BASE') or die;
$form = $displayData->getForm();
$title = $form->getField('title') ? 'title' : ($form->getField('name') ? 'name' : '');
echo $title ? $form->renderField($title) : '';
echo $form->renderField('alias');
for the css:
changes to be done in /administrator/templates/atum/scss/blocks/_form.scss
.form-control {
max-width: $input-max-width;
background-color: var(--white-offset);
}
This css override default bootstrap 100% for this class.
Not sure if we should delete the max-width or set it to 100% or none.
All depends on what we do finally about bootstrap...
@coolcat-creations
What do you think?
On changing the max-width: $input-max-width;
the width of both title filed and alias field change simultaneously.
Status | New | ⇒ | Information Required |
Reminder at @coolcat-creations for above Comment by @infograf768
Please see this screen: https://coolcat-creations.com/joomla/#/screens/267320995
But take Dimitris suggestion into account that both fields have 50% in Desktop and 100% width in Mobile.
Status | Information Required | ⇒ | Discussion |
Category | ⇒ | Templates (admin) |
Labels |
Added:
J4 Issue
|
Status | Discussion | ⇒ | Closed |
Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2019-04-10 07:43:37 |
Closed_By | ⇒ | C-Lodder |
Fields should always have a 100% width setting width in 240px or whatever is not very responsive and also is a huge anti pattern. Mobile first...
Also the div soup around the label and the input is totally crap and needs to go...