-
-
Notifications
You must be signed in to change notification settings - Fork 6.9k
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
This is the reproduction link. Proposed fix would add borders between days. Proper fix should be to add 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
9 tasks
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
This was referenced Oct 26, 2019
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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;
}
The text was updated successfully, but these errors were encountered: