Make .ui.calendar ember-view wrapper inline so it can be between buttons

2018-09-03 14:45:04 -05:00
parent 60c682fe87
commit b0e6efce9e
1 changed files with 26 additions and 22 deletions
@@ -1,24 +1,28 @@
 // This fixes the issue of ember-semantic-ui-calendar not functioning inside a definition table
-.ui.definition.table .ui.calendar
-  padding: 0
-  table
-    //border: 1px solid rgba(34,36,38,.15)
-    border-radius: .28571429rem
-    box-shadow: none
-    color: rgba(0,0,0,.87)
-    tr
-      th
-        pointer-events: all
-        font-weight: bold
-        color: rgba(0,0,0,.87)
-        background-color: #F9FAFB
-        &:nth-child(2)
-          border-left: 0
-      td
-        pointer-events: all
-        &:first-child:not(.ignored)
-          background-color: white
-          font-weight: normal
-        &.disabled
-          color: rgba(40, 40, 40, 0.3)
+.ui.definition.table
+  > tr > td > .ui.calendar
+    // Allow buttons after select input
+    display: inline-block
+  .ui.calendar
+    padding: 0
+    table
+      //border: 1px solid rgba(34,36,38,.15)
+      border-radius: .28571429rem
+      box-shadow: none
+      color: rgba(0,0,0,.87)
+      tr
+        th
+          pointer-events: all
+          font-weight: bold
+          color: rgba(0,0,0,.87)
+          background-color: #F9FAFB
+          &:nth-child(2)
+            border-left: 0
+        td
+          pointer-events: all
+          &:first-child:not(.ignored)
+            background-color: white
+            font-weight: normal
+          &.disabled
+            color: rgba(40, 40, 40, 0.3)