be smarter about applying display:block to events

fullcalendar · Jun 29, 2020 · 7ed527d · 7ed527d
1 parent b2940b8
commit 7ed527d
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 6 deletions.
diff --git a/packages/common/src/styles/event.css b/packages/common/src/styles/event.css
@@ -8,10 +8,6 @@ $event-resizer-z: 4;
 // link resets
 // ----------------------------------------------------------------------------------------------------
 
-.fc-event { // don't be too specific with a tag
-  display: block;
-}
-
 a.fc-event,
 a.fc-event:hover {
   text-decoration: none;

diff --git a/packages/common/src/styles/h-event.css b/packages/common/src/styles/h-event.css
@@ -4,7 +4,7 @@ A HORIZONTAL event
 */
 
 .fc-h-event { // allowed to be top-level
-
+  display: block;
   border: 1px solid var(--fc-event-bg-color);
   background-color: var(--fc-event-border-color);
 

diff --git a/packages/daygrid/src/styles/daygrid-event.css b/packages/daygrid/src/styles/daygrid-event.css
@@ -24,6 +24,7 @@
 // --- the dot style of event ---
 
 .fc-daygrid-dot-event {
+  display: block;
   padding: 2px 0;
   overflow: hidden;
 

diff --git a/packages/timegrid/src/styles/v-event.css b/packages/timegrid/src/styles/v-event.css
@@ -4,7 +4,7 @@ A VERTICAL event
 */
 
 .fc-v-event { // allowed to be top-level
-
+  display: block;
   border: 1px solid var(--fc-event-border-color);
   background-color: var(--fc-event-bg-color);