Skip to content

Grid updates#855

Merged
DJ2LS merged 4 commits intodevelopfrom
qm-gridupdates
Jan 4, 2025
Merged

Grid updates#855
DJ2LS merged 4 commits intodevelopfrom
qm-gridupdates

Conversation

@Mashintime
Copy link
Collaborator

  • Added a 'small screen' layout button that may be more approriate for smaller screens
  • Updated default layout


<span class="me-4 text-white" style="writing-mode: vertical-rl; transform: rotate(180deg);">
screen settings
grid edit
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm thinking about making the button entirely black with white text. What do you think? Then we might have a better contrast, compared to the other GUI elements. Also "grid edit" fits better, thanks! Question: Is there a difference between "grid edit" and "edit grid" ? Or is is just cosmetics?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't know, I think it's way too big now. Making it more noticeable (black/white) might be a distraction. Maybe a brief animation that makes it's flash it couple of times when starting up?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think either grid edit or edit grid are ok. Was just trying to make it a bit slimmer.

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It feels, there are two version of this button. Different in size.
On Safari macOS it is as small as the text while it is bigger on other browsers

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ahh, might be a bootstrap issue?

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Regarding black/white I agree with you while the icon is too big. If it's small, then it's not that distracting in my opinion. But might be something we need to play with

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ahh, might be a bootstrap issue?

yes seems so. A fix results into very hacky ways, so I think we should keep it as it is for now

@DJ2LS
Copy link
Owner

DJ2LS commented Dec 9, 2024

Good idea, @Mashintime 👍

@DJ2LS
Copy link
Owner

DJ2LS commented Dec 10, 2024

Bildschirmfoto 2024-12-10 um 08 12 13

Thats Firefox vs Safari

@@ -449,7 +518,7 @@ onMounted(() => {
<!-- <i class="bi bi-grip-vertical h5"> </i>-->

<span class="me-4 text-white" style="writing-mode: vertical-rl; transform: rotate(180deg);">
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the me-4 seems to be the key. If we remove it, we have a regular view on Firefox, but the text is hidden on Safari.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I unfortuneatly don't have anything that'll run Safari to test further.

@DJ2LS
Copy link
Owner

DJ2LS commented Jan 3, 2025

@Mashintime what do you think, should we merge? We can address the Button related problem later or separately

@Mashintime
Copy link
Collaborator Author

Probably better to address the button seperately.

@DJ2LS
Copy link
Owner

DJ2LS commented Jan 4, 2025

Okay, then let's merge

@DJ2LS DJ2LS merged commit 3da8c1a into develop Jan 4, 2025
@Mashintime Mashintime deleted the qm-gridupdates branch April 10, 2025 16:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants