[NcActionText] looks like a button about nextcloud-vue HOT 8 OPEN

That is a good point. Some ideas that come to mind:

• Make the text and icon --color-text-maxcontrast so that it looks like a disabled button
• Always add a separator under/above/both the NcActionText component so that it is separated from the rest of the buttons

Honestly I am ok with either, or even both the solutions being implemented together. What do you think @szaimen @marcoambrosini ?

from nextcloud-vue.

I am not able to find many instances of NcActionCaption at all, only 2 so far in the core apps, one in the dashboard and one in calendar. What do you think about making the caption bold, so that it's similar to NcAppNavigationCaption? I would steer clear of using center alignment as that's something we rarely do for text/headings/captions. It would look something like this

from nextcloud-vue.

cc @nextcloud-libraries/designers

from nextcloud-vue.

• Make the text and icon --color-text-maxcontrast so that it looks like a disabled button

Sounds very similar to the current style of NcActionCaption, except that caption has no icon.

from nextcloud-vue.

• Always add a separator under/above/both the NcActionText component so that it is separated from the rest of the buttons

I think that could be an unexpected design change. Also, a separator has a semantic value — for example, it is used to separate radio groups in menus:

from nextcloud-vue.

very similar to the current style of NcActionCaption

Maybe make caption centered?

from nextcloud-vue.

I would steer clear of using center alignment as that's something we rarely do for text/headings/captions. It would look something like this

Note, the centered "Group caption" from my screenshot is the current behavior.

from nextcloud-vue.

Maybe drop one of both and unify into one? (caption & text)

from nextcloud-vue.