Log in | Register
  1. Forum
  3. JFBConnect
  5. JFBConnect v9 for Joomla 4 and Joomla 5
  7. [9.0.244 Issues] Meta > Configuration > widths

Topic-icon [9.0.244 Issues] Meta > Configuration > widths

Active Subscriptions:

None
3 years 2 months ago #68547 by joomleb
Hi guys, 
this is the sequel of this topic: www.sourcecoast.com/forums/jfbconnect-9-...tion-skip-components
and the Bug Fix: Social Meta - Meta Configuration Settings - skip components width (jfbconnect-2398)

2 - PHP 7.4.33 Joomla 4.3.0 + Helix Ultimate 2.0.12+ JFBConnect last 9.0.244: Meta > Configuration > ...I add two images here for you
by closing the Joomla Toggle Menu on the left. (On 11.6" screen) the Label "is moved" from top to the left position, uselessly wasting precious space.
It seems that the main responsible is the Atom template fixed width definition .../media/templates/administrator/atum/css/template.min.css
.control-group .control-label {
  padding: 0.3rem 1rem 0.3rem 0;
  width: 240px;
}
Please, Do you have a fixing suggestion for a better space utilization ?
Attachments:
The topic has been locked.
Active Subscriptions:

None
3 years 1 month ago #68559 by joomleb
Is there any support ?!?
The topic has been locked.
Support Specialist
2 years 9 months ago #68646 by mel
Looking at Joomla 4.3 with the Atum template, I'm not able to reproduce this behavior on my dev site.

Can you double check that your /administrator/components/com_jfbconnect/assets/css/default.css file contains the following? This should have made it into the latest release and changed the width of the label.
.d-flex .sourcecoast.ns-bs5 .control-group .control-label {
    width: 100%;
}

When I view the label element in developer tools, the 240px width is overridden by this style.

-Melissa
The topic has been locked.
Active Subscriptions:

None
2 years 9 months ago #68658 by joomleb
Hi Mel,
I checked and Yes, I have it into the file at the bottom (line 250).

I'm traveling and I'm testing it through my Chrome for Android on my phone, setting Chrome in Desktop mode and the page style is still as my previos image.
I add another image here for you.
I tried also to add the !important attribute, but nothing change.

Please, Can you replicate it ?
PS - Pay attention that in my reporte I write you that on desktop it was happening on a 11.6" 1376px x 768px screen (right now I cannot testing on it)
The topic has been locked.
Active Subscriptions:

None
2 years 9 months ago - 2 years 8 months ago #68659 by joomleb
(I had to delete the image)
Last edit: 2 years 8 months ago by joomleb.
The topic has been locked.
Support Specialist
2 years 9 months ago #68660 by mel
That view is not the one in the original screenshot. The labels in that view do not appear to have the control-label class, so you can update the CSS in the mean time to have
.d-flex .sourcecoast.ns-bs5 .control-group .control-label,
.d-flex .sourcecoast.ns-bs5 .control-group label {
    width: 100%;
}
The topic has been locked.
Active Subscriptions:

None
2 years 8 months ago - 2 years 8 months ago #68666 by joomleb
Hi Mel,
You are right, I made confusion, sorry.
By changing line 250 as your last suggestion I can confirm that is running, Thank You.

Now, I go back to the Meta Open Graph Configuration page, as you can see (I add an image here):

A - The "Skip Tags" description phrase is repeated two times

B - The "Skip Components" field is now a multi selector popup window, very good, thank you. But the field is not 1 row field height, it has a useless big fixed height. 

Please, Can you fi them ?

(I cannot attach a 90KB image, the Forum app is saying me is too big...)
Last edit: 2 years 8 months ago by joomleb.
The topic has been locked.
Support Specialist
2 years 8 months ago #68699 by mel
A. That's a language string bug. Update COM_JFBCONNECT_OPENGRAPH_SETTINGS_SKIP_DESC2 in the meantime to remove the first sentence.

B. A while back, you asked for a fixed height here , so height of 350px was added to .sourcecoast.ns-bs5 #social_graph_skip_components in default.css
The topic has been locked.
Active Subscriptions:

None
2 years 8 months ago #68703 by joomleb
Hi Mel,

A - Thank you

B - Yes, I remember. But in that moment it was an open text list. Now it is a multi selector field that open a popup (better, good idea. PS I'm testing it on Chrome for Android). So, the multi selector field should have the height of just one row... Do you agree
The topic has been locked.
Support Specialist
2 years 8 months ago #68708 by mel
We didn't change the selector to a popup. It's still just a select box that you can multi-select. I suspect that functionality may be coming from your template. You mention you're using Helix for the backend. We build the JFBConnect administrator area to work with the basic admin template that comes with Joomla (Atum). Styling our admin area for more templates is beyond the scope of what we are providing for our backend area. If you'd like to target the styles yourself, I'd suggest overriding the styles for the following elements in your admin templates override area.
.sourcecoast.ns-bs5 .form-select[multiple], .sourcecoast.ns-bs5 [multiple].custom-select, .sourcecoast.ns-bs5 #social_graph_skip_components {...}

For now, I'm going to remove the height of that element in the default JFBC admin css file for the next release.
The topic has been locked.
  1. Forum
  3. JFBConnect
  5. JFBConnect v9 for Joomla 4 and Joomla 5
  7. [9.0.244 Issues] Meta > Configuration > widths
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS