v0.6 changes

danielpowney · Feb 5, 2018 · f2a20e2 · f2a20e2
1 parent 1a33165
commit f2a20e2
Show file tree

Hide file tree

Showing 11 changed files with 285 additions and 115 deletions.
diff --git a/assets/css/frontend.css b/assets/css/frontend.css
@@ -4,7 +4,7 @@
 	display: inline-block;
 }
 
-#myc-conversation-area {
+.myc-conversation-area {
 	width: auto;
 	max-width: 100%;
 	max-height: 320px;
@@ -78,7 +78,7 @@
 	clear: both;
 	display: block;
 }
-#myc-text {
+.myc-text {
 	max-width: 100%;
 	min-width: 100%;
 	padding-top: 10px;
@@ -145,7 +145,7 @@
 	min-width: auto !important;
 	display: block;
 }
-.myc-content-overlay-container .myc-container #myc-conversation-area {
+.myc-content-overlay-container .myc-container .myc-conversation-area {
 	max-height: inherit;
 	display: block;
 	height: 350px;
@@ -187,7 +187,7 @@
 		max-height: 100%;
 		position: fixed;
 	}
-	.myc-content-overlay-container .myc-container #myc-conversation-area {
+	.myc-content-overlay-container .myc-container .myc-conversation-area {
 		position: relative;
 		max-height: 80%;
 	}
@@ -199,12 +199,12 @@
 }
 
 @media only screen and (min-width : 320px) and (max-width : 480px) and (orientation: landscape) {
-	.myc-content-overlay-container .myc-container #myc-conversation-area {
+	.myc-content-overlay-container .myc-container .myc-conversation-area {
 		max-height: 170px;
 	}
 }
 @media only screen and (min-width : 320px) and (max-width : 480px) and (orientation: portrait) {
-	.myc-content-overlay-container .myc-container #myc-conversation-area {
+	.myc-content-overlay-container .myc-container .myc-conversation-area {
 		max-height: 330px;
 	}
 }
@@ -216,24 +216,24 @@
 		color: transparent;
 	}
 }
-#myc-conversation-area .myc-loading {
+.myc-conversation-area .myc-loading {
 	display: block;
 	padding: 6px 9px;
 	margin-top: 10px;
 	text-align: center;
 	vertical-align: center;
 }
-#myc-conversation-area .myc-icon-loading-dot {
+.myc-conversation-area .myc-icon-loading-dot {
 	animation: 1s blink infinite;
 	font-size: 1em;
 	display: clear;
 	margin-left: 2px;
 	margin-right: 2px;
 }
-#myc-conversation-area .myc-icon-loading-dot:nth-child(2) {
+.myc-conversation-area .myc-icon-loading-dot:nth-child(2) {
 	animation-delay: 750ms;
 }
-#myc-conversation-area .myc-icon-loading-dot:nth-child(3) {
+.myc-conversation-area .myc-icon-loading-dot:nth-child(3) {
 	animation-delay: 1500ms;
 }