Upd

deskpro · Jul 9, 2019 · fd787b6 · fd787b6
1 parent 2abbed1
commit fd787b6
Show file tree

Hide file tree

Showing 5 changed files with 148 additions and 134 deletions.
diff --git a/packages/style/src/demo/full-demo.css b/packages/style/src/demo/full-demo.css
@@ -144,27 +144,7 @@ body {
   width: 1px;
 }
 
-.Breadcrumbs--custom .dp-po-Breadcrumb-item:not(:first-child)::before {
-  height: 11px;
-  left: -16px;
-  top: calc(50% - 9px);
-  width: 2px;
-}
-
-.Breadcrumbs--custom .dp-po-Breadcrumb-item:not(:first-child)::after {
-  bottom: calc(50% - 9px);
-  height: 11px;
-  left: -16px;
-  width: 2px;
-}
-
-.Breadcrumbs--custom .dp-po-Breadcrumb-item:first-child {
-  margin-right: 26px;
-}
 
-.Breadcrumbs--custom .dp-po-Breadcrumb-item {
-  margin-right: 30px;
-}
 
 .Breadcrumbs--custom.dp-po-Breadcrumb-item:last-child .dp-po-Breadcrumb-link::after {
   top: calc(100% + 7px);
@@ -396,12 +376,18 @@ body {
   margin-bottom: 75px;
 }
 
+.dp-po-comments.dp-po-add-comments.is-disabled {
+	color: var(--grey);
+	cursor: not-allowed;
+}
+
 .dp-po-comments.dp-po-add-comments.is-active {
 	margin-bottom: 10px;
 }
 
 .dp-po-comments .dp-po-Icon {
   margin-left: 10px;
+  margin-top: 5px;
 }
 
 .dp-po-sort {
@@ -417,7 +403,6 @@ body {
   box-shadow: var(--shadow-bottom);
   margin-bottom: 45px;
   padding: 30px;
-  overflow: hidden;
 }
 
 .dp-po-comments-wrap .dp-po-Button {
@@ -538,7 +523,9 @@ body {
 }
 
 .dp-po-comments.comments-list + .dp-po-comments-wrap {
-  padding: 20px 0 15px;
+  overflow: hidden;
+  padding: 20px 0 0;
+  /*padding: 20px 0 15px;*/
 }
 
 .dp-po-comments.comments-list + .dp-po-comments-wrap .dp-po-subtitle {
@@ -726,13 +713,50 @@ body {
 .dp-po-comments.comments-list + .dp-po-comments-wrap .dp-po-comments-wrap {
   box-shadow: none;
   margin-bottom: 0;
-  padding: 30px 30px 30px 83px;
-  border-bottom: 1px solid var(--grey-lighter);
+  padding: 30px 0px 0px 43px;
+  margin-top: 10px;
+  position: relative;
+}
+
+.dp-po-comments.comments-list + .dp-po-comments-wrap .dp-po-comments-wrap:after {
+	position: absolute;
+	top: 0;
+	width: 120%;
+	height: 1px;
+	content: "";
+	background-color: var(--grey-lighter);
+	left: -100px;
+}
+
+.dp-po-comments-item .dp-po-vote + .dp-po-dropdown-menu .dp-po-comments-wrap:after {
+	width: 100%;
+	left: 0;
 }
 
-/*.dp-po-comments.comments-list + .dp-po-comments-wrap .dp-po-reply-comment {
+.dp-po-comments-item .dp-po-vote + .dp-po-dropdown-menu .dp-po-comments-wrap {
+	padding: 30px 0px 30px 43px;
+}
+
+.dp-po-comments.comments-list + .dp-po-comments-wrap .dp-po-comments-wrap.dp-po-reply-comment {
 	display: none;
-}*/
+}
+
+.dp-po-comments.comments-list + .dp-po-comments-wrap .dp-po-comments-wrap.dp-po-reply-comment.is-active {
+	display: block;
+}
+
+.dp-po-comments-wrap.dp-po-reply-comment .dp-po-Button  {
+	background-color: var(--white);
+	color: var(--grey-dark);
+	font: var(--p-2-bold);
+	border: 1px solid var(--grey-light);
+	max-width: 90px;
+}
+
+/*.dp-po-comments-wrap .dp-po-reply-comment.is-active {
+	display: block;
+}
+*/
 
 .dp-po-comments-item .dp-po-attachments {
 	background-color: var(--grey-lightest);
@@ -1162,6 +1186,10 @@ body {
   font: var(--messenger-b-2);
 }
 
+.dp-po-Flag-item-list .dp-po-time-status {
+    margin-top: 4px;
+}
+
 .is-success {
   color: var(--success);
 }
@@ -1336,6 +1364,7 @@ body {
   	align-items: center;
   	justify-content: space-between;
   	position: relative;
+	flex-direction: row-reverse;
   }
 
   .Dropdown-share .dp-po-title {

diff --git a/packages/style/src/demo/icons-demo.css b/packages/style/src/demo/icons-demo.css
diff --git a/packages/style/src/patterns/news.css b/packages/style/src/patterns/news.css
@@ -150,7 +150,7 @@
 }
 
 .dp-po-article-wrap .dp-po-Button:hover {
-  background-color: transparent;
+  background-color: var(--white);
 }
 
 .dp-po-article-wrap .dp-po-Button + .dp-po-Button {
@@ -168,6 +168,7 @@
 .dp-po-article-wrap .dp-po-Button {
   min-width: 1px;
   padding: 0 15px;
+  background-color: var(--white);
 }
 
 .dp-po-article-title ~ .dp-po-Link {