plasma-applet-tiledmenu icon indicating copy to clipboard operation
plasma-applet-tiledmenu copied to clipboard

Which QML file do I need to edit to add lne spacing above/below left hand side menu catagories?

Open n944la opened this issue 3 years ago • 3 comments

Hi

I would like to add a line space before & after each main menu category on the left side column. Which QML file can I edit to add spacing for these??

e.g. from this:

Python 3.10 QT Creator Kate INTERNET APPS Firefox Filezilla

to

Python 3.10 QT Creator Kate

INTERNET APPS

Firefox Filezilla

Note the spacing before/after INTERNET APPS

Thank you

Tim ARS N9NU

n944la avatar Oct 10 '22 18:10 n944la

Ah the section headers.

  • https://github.com/Zren/plasma-applet-tiledmenu/blob/master/package/contents/ui/KickerSectionHeader.qml
  • https://github.com/Zren/plasma-applet-tiledmenu/blob/master/package/contents/ui/KickerListView.qml

In the MouseArea's implicitHeight: listView.iconSize, try adding + PlasmaCore.Units.largeSpacing * 2. The Text/Label is already vertically centered.

https://develop.kde.org/docs/extend/plasma/widget/testing/

Zren avatar Oct 10 '22 19:10 Zren

Hi

Tnx much for responding. I added the following below as you suggested. It didn't seem to do anything however I did not log out and back in again - perhaps the issue - Also...I didn't see any reference to see adding that to the one file ....perhaps u posted that just FYI type deal.

Tim

MouseArea { id: sectionDelegate

width: ListView.view.width
// height: childrenRect.height
implicitHeight: listView.iconSize

// Adjust line spacing before/after category entries                          <----------------  added note
PlasmaCore.Units.largeSpacing * 2                                                 <---------------- added command

property bool enableJumpToSection: false

n944la avatar Oct 10 '22 21:10 n944la

I meant:

// implicitHeight: listView.iconSize
implicitHeight: listView.iconSize + PlasmaCore.Units.largeSpacing * 2
// implicitHeight: listView.iconSize + PlasmaCore.Units.smallSpacing * 2
// implicitHeight: listView.iconSize + 10 * PlasmaCore.Units.devicePixelRatio * 2

devicePixelRatio will scale 10 by the screen's DPI. We want padding above and below so we multiply our number by 2. largeSpacing and smallSpacing are preset values used in Plasma and already scaled by DPI.

Zren avatar Oct 11 '22 05:10 Zren