Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature Request] Calendar fixed-width day field in month view #9058

Closed
monikadulik opened this issue Sep 22, 2019 · 1 comment · Fixed by #9092 · May be fixed by ajesse11x/ethereumbook#1 or ajesse11x/vuetify#2
Closed

[Feature Request] Calendar fixed-width day field in month view #9058

monikadulik opened this issue Sep 22, 2019 · 1 comment · Fixed by #9092 · May be fixed by ajesse11x/ethereumbook#1 or ajesse11x/vuetify#2

Comments

@monikadulik
Copy link

monikadulik commented Sep 22, 2019

Problem to solve

When an event has long name, VCalendar component in month view changes width of certain day field to accommodate long event name.

Proposed solution

Add property that can set month calendar grid as 'fixed-width' so every day field in calendar is of the same width despite event names..

It works as expected after following change:
from
.v-calendar.v-calendar-events .v-calendar-weekly__day {
overflow: visible;
}
to
.v-calendar.v-calendar-events .v-calendar-weekly__day {
overflow: hidden;
}

@ghost ghost added the S: triage label Sep 22, 2019
@igadmile
Copy link
Contributor

igadmile commented Sep 25, 2019

This is the reproduction link.

Proposed fix would add borders between days. Proper fix should be to add min-width: 0 to .v-calendar-weekly__day.

The root of the issue is the same as in #8319

This should be the bug report not a feature request.

igadmile pushed a commit to igadmile/vuetify that referenced this issue Sep 25, 2019
As per specification, flex child elements should have min-width:0 property (min-height for columns) set
to prevent element overflow. See https://bugzilla.mozilla.org/show_bug.cgi?id=1114904

fix vuetifyjs#9058
dsseng pushed a commit that referenced this issue Sep 26, 2019
* fix(VCalendar): add min-width:0 for fixed day width in Firefox

As per specification, flex child elements should have min-width:0 property (min-height for columns) set
to prevent element overflow. See https://bugzilla.mozilla.org/show_bug.cgi?id=1114904

fix #9058

* Add a reference to bugzilla
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
3 participants