[UPDATE] No event text UI

edlynvillegas · Jul 10, 2020 · afe228a · afe228a
1 parent 0c05035
commit afe228a
Show file tree

Hide file tree

Showing 10 changed files with 41 additions and 9 deletions.
diff --git a/evo-calendar/css/evo-calendar.css b/evo-calendar/css/evo-calendar.css
@@ -316,6 +316,15 @@ tr.calendar-body .calendar-day .day[disabled] {
     clear: both;
     display: table;
 }
+.event-list > .event-empty {
+    padding: 15px 10px;
+    background-color: rgba(135,115,193,.15);
+    border: 1px solid #8773c1;
+}
+.event-list > .event-empty > p {
+    margin: 0;
+    color: #755eb5;
+}
 .event-container {
     display: block;
     width: 100%;
@@ -854,8 +863,8 @@ button.icon-button > span.chevron-arrow-right {
     .calendar-events > .event-header > p {
         font-size: 20px;
     }
-    .calendar-events > .event-list {
-        margin-top: 10px;
+    .event-list > .event-empty {
+        padding: 10px;
     }
     .event-container > .event-icon {
         width: 45px;

diff --git a/evo-calendar/css/evo-calendar.midnight-blue.css b/evo-calendar/css/evo-calendar.midnight-blue.css
@@ -143,6 +143,13 @@
 .midnight-blue .event-indicator > .type-bullet > div.type-birthday {
     background-color: #6c72bf;
 }
+.midnight-blue .event-list > .event-empty {
+    background-color: rgba(0, 173, 181, 0.15);
+    border: 1px solid #00adb5;
+}
+.midnight-blue .event-list > .event-empty > p {
+    color: #ffff;
+}
 @media only screen and (max-width: 768px) {
     .midnight-blue .event-indicator {
         -webkit-transform: translate(-50%, -100%);

diff --git a/evo-calendar/css/evo-calendar.midnight-blue.min.css b/evo-calendar/css/evo-calendar.midnight-blue.min.css
diff --git a/evo-calendar/css/evo-calendar.min.css b/evo-calendar/css/evo-calendar.min.css
diff --git a/evo-calendar/css/evo-calendar.orange-coral.css b/evo-calendar/css/evo-calendar.orange-coral.css
@@ -88,6 +88,13 @@
 .orange-coral .event-indicator > .type-bullet > div.type-event {
     background-color: #ff4d55;
 }
+.orange-coral .event-list > .event-empty {
+    background-color: rgba(255, 150, 101, 0.15);
+    border: 1px solid #ff9665;
+}
+.orange-coral .event-list > .event-empty > p {
+    color: #ff6663;
+}
 @media only screen and (max-width: 768px) {
     .orange-coral .calendar-inner::after {
         background-color: rgba(160, 131, 119, 0.5);

diff --git a/evo-calendar/css/evo-calendar.orange-coral.min.css b/evo-calendar/css/evo-calendar.orange-coral.min.css
diff --git a/evo-calendar/css/evo-calendar.royal-navy.css b/evo-calendar/css/evo-calendar.royal-navy.css
@@ -139,6 +139,13 @@
 .royal-navy .event-container:hover > .event-info >  p {
     color: #164255;
 }
+.royal-navy .event-list > .event-empty {
+    background-color: rgba(255, 255, 255, 0.15);
+    border: 1px solid #fff;
+}
+.royal-navy .event-list > .event-empty > p {
+    color: #ffff;
+}
 @media only screen and (max-width: 768px) {
     .royal-navy .calendar-sidebar > .month-list > .calendar-months > li {
         padding: 6px 26px;