Editor icons on three rows (instead of one)

Editor icons on three rows (instead of one) was created by crimle

Posted 3 years 9 months ago #16101
Hi

The editor icons are aligned on three rows, although there was enough space to have them all in one row. This makes the text field unnecessarily small. See attached screenshot.

Attachment not found



Thank you and kind regards
Chris
Post by crimle

Please Log in or Create an account to join the conversation.

Replied by ntstore on topic Editor icons on three rows (instead of one)

Posted 3 years 9 months ago #16107
Hi crimle,
Please add the attachment image again.

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Post by ntstore

Please Log in or Create an account to join the conversation.

Replied by crimle on topic Editor icons on three rows (instead of one)

Posted 3 years 9 months ago #16108
Here is the screenshot of my Kunena editor.
As you can see, there are 3 rows of icons. But there would be enogh space to arrange all icons in one row.

Attachment not found

Post by crimle

Please Log in or Create an account to join the conversation.

Replied by crimle on topic Editor icons on three rows (instead of one)

Posted 3 years 9 months ago #16109
It seems to be impossible to insert an image. The preview displayes the image all right, but after submitting the topic the image has gone and we see
You do not have permissions to access this page.
Post by crimle

Please Log in or Create an account to join the conversation.

Replied by ntstore on topic Editor icons on three rows (instead of one)

Posted 3 years 9 months ago #16112
Hi,
Please send the error image to our email, We will try to check and improve layout for the editor.

Update: Please follow some below steps to solve this issue.

- Step 1: Create a style file with named nts_kpop_custom.css
- Step 2: Copy and paste below CSS rules to that file.
Code:
#kunena.layout .cke_toolbar_break { display: none; }
- Step 3: Copy / Upload the nts_kpop_custom.css file to the css folder of the active joomla template. Clear cache of your website before reload the forum.

Please let us know if it does not work on your site.

Best regards,

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Last Edit:3 years 9 months ago Post by ntstore
Last edit: 3 years 9 months ago by ntstore.

Please Log in or Create an account to join the conversation.

Replied by crimle on topic Editor icons on three rows (instead of one)

Posted 3 years 8 months ago #16145
Oh yes, adding the rule
Code:
#kunena.layout .cke_toolbar_break { display: none; }
to the template's custom.css did resolve the issue.
Unfortunately NOT for mobile screens.
I have 6 rows of icons on my mobile phone, although I disabled a lot of them.

Thank you and kind regards
Chris
Last Edit:3 years 8 months ago Post by crimle
Last edit: 3 years 8 months ago by crimle.

Please Log in or Create an account to join the conversation.

Replied by ntstore on topic Editor icons on three rows (instead of one)

Posted 3 years 8 months ago #16151
Hi,

I think some functions should be hidden when viewing on the mobile device. We will help you with that if you want.

Best regards,

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Post by ntstore

Please Log in or Create an account to join the conversation.

Replied by crimle on topic Editor icons on three rows (instead of one)

Posted 3 years 8 months ago #16154
Well, yes please. I would appreciate any hints for making the editor more comfortable on mobile screens.
I already disabled many icons

so I still have 4 remaining rows of icons, which is more than necessary.
It seems that some of these useless icons can not be disabled:


Kind regards
Chris
Last Edit:3 years 8 months ago Post by crimle

Attachments:

Last edit: 3 years 8 months ago by crimle.

Please Log in or Create an account to join the conversation.

Replied by ntstore on topic Editor icons on three rows (instead of one)

Posted 3 years 8 months ago #16161
Hi,

Update below CSS code to hide some buttons on mobile.
Code:
/* Improve style for social link button */ #kunena.layout .jssocials-share-link { border-radius: 5px; color: #fff; } /* Hide some buttons on mobile */ @media (max-width: 640px) { #kunena.layout .cke_editor_message { margin: -5px -10px 0 -10px; } #kunena.layout .cke_button__copyformatting { display: none; } #kunena.layout #cke_19 { display: none; } #kunena.layout .cke_editor_message .cke_top a.cke_button__bidirtl, #kunena.layout .cke_editor_message .cke_top a.cke_button__bidiltr { display: none; } }

Clear website cache before reload the forum.

Best regards,

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Post by ntstore

Please Log in or Create an account to join the conversation.

Time to create page: 0.590 seconds