Upd

deskpro · Jul 30, 2019 · 654712e · 654712e
1 parent 50f385a
commit 654712e
Show file tree

Hide file tree

Showing 6 changed files with 283 additions and 40 deletions.
diff --git a/packages/style/src/arrows.css b/packages/style/src/arrows.css
@@ -66,3 +66,14 @@
 .dp-Template .dp-po-arrow::after {
   width: 2px;
 }
+
+/* direction-rtl 
+*/
+
+.dp-po-direction-rtl .dp-po-arrow::before {
+  transform: rotate(45deg);
+}
+
+.dp-po-direction-rtl .dp-po-arrow::after {
+  transform: rotate(-45deg);  
+}
diff --git a/packages/style/src/components/dp-po-pagination.css b/packages/style/src/components/dp-po-pagination.css
@@ -156,3 +156,15 @@
   border: 1px solid var(--brand-primary);
   opacity: 1;
 }
+
+/*direction-rtl*/
+
+.dp-po-direction-rtl .dp-po-PageJump {
+  padding-left: 0;
+  padding-right: 16px;
+}
+
+.dp-po-direction-rtl .dp-po-PageJump::after {
+  left: auto;
+  right: 5px;
+}
diff --git a/packages/style/src/demo/full-demo.css b/packages/style/src/demo/full-demo.css
@@ -893,12 +893,14 @@ a:hover {
 	margin-right: 15px;
 }
 
-/*.dp-po-descript-pdf {
+.dp-po-descript-pdf {
 	display: flex;
-}*/
+	align-items: center;
+}
 
 .dp-po-attachment-item .dp-po-file-size {
 	font: var(--p-3);
+	margin-left: 5px;
 }
 
 .dp-po-tex-wrap .dp-po-tooltip-wrap {
@@ -1432,7 +1434,7 @@ a:hover {
 	position: relative;
 	color: var(--grey-darkest);
 	/*padding: 3.5px 10px 3.5px 20px;*/
-	padding: 0px 0 10px 20px;
+	padding: 0px 0 22px 20px;
 	line-height: 1;
 }
 
@@ -1561,6 +1563,10 @@ a:hover {
 	margin: 15px 0;
 }
 
+.dp-po-form-wrapper.dp-po-form-registration .dp-po-step-one .dp-po-description:hover {
+	color: var(--brand-primary);
+}
+
 .dp-po-form-wrapper.dp-po-form-registration .dp-po-step-two .dp-po-description {
 	font: var(--p-3-semibold);
 	margin: 15px 0 25px;
@@ -2112,12 +2118,18 @@ a:hover {
 	margin-left: 0;
 }
 
+.dp-po-direction-rtl .dp-po-copy-clipboard .dp-po-Icon {
+	margin-left: 0;
+	margin-right: 9px;
+}
+
 .dp-po-direction-rtl .dp-po-tooltip-wrap {
 	margin: 0 5px 0 10px;
 }
 
 .dp-po-direction-rtl .dp-po-tooltip-wrap .dp-po-Icon {
-	left: -10px;
+	/*left: -10px;*/
+	right: calc(100% + 2px);
 }
 
 .dp-po-direction-rtl .dp-po-tooltip-wrap .dp-po-tooltip {
@@ -2147,6 +2159,16 @@ a:hover {
 	margin-left: 10px;
 }
 
+.dp-po-direction-rtl .dp-po-attachment-item .dp-po-file-size {
+	margin-left: 0;
+	margin-right: 5px;
+}
+
+.dp-po-direction-rtl .dp-po-attachment-item > .dp-po-Icon {
+	margin-right: 0;
+	margin-left: 15px;
+}
+
 /*validate*/
 
 .dp-po-form-group {

diff --git a/packages/style/src/demo/member-directory.css b/packages/style/src/demo/member-directory.css
@@ -298,6 +298,30 @@
 	margin-right: 16px;
 }
 
+/*direction-rtl*/
+
+.dp-po-direction-rtl.dp-po-member-directory .dp-po-member-wrapper .dp-po-Search-bar input {
+	padding: 6px 40px 10px 10px;
+}
+
+.dp-po-direction-rtl.dp-po-member-directory .dp-po-member-wrapper .dp-po-Search-bar .dp-po-Icon {
+	transform: rotate(90deg);
+}
+
+.dp-po-direction-rtl .dp-po-member-table .dp-po-sort .dp-po-Icon  {
+	margin-left: 0;
+	margin-right: 20px;
+}
+
+.dp-po-direction-rtl.dp-po-member-directory .dp-po-dropdown-menu {
+    left: auto;
+    right: -29px;
+}
+
+.dp-po-direction-rtl.dp-po-member-directory .demo-pagination {
+	padding: 15px 40px 50px 0;
+}
+
 @media (min-width: 1280px) {
 
 	.dp-po-member-table .dp-po-sort {
@@ -379,7 +403,7 @@
 @media (max-width: 992px) {
 
 	.dp-po-member-directory .dp-po-main .dp-po-Title-page {
-		padding: 10px 0;
+		padding: 17px 0 22px;
 		display: flex;
 		justify-content: space-between;
 		position: relative;
@@ -389,7 +413,7 @@
 		flex-direction: column;
 		align-items: flex-start;
 		position: relative;
-		padding: 16px 0;
+		padding: 15px 0;
 		border-top: 1px solid var(--grey-light);
 	}
 
@@ -399,7 +423,7 @@
 
 	.dp-po-member-table .dp-po-table-item.dp-po-table-message {
 		position: absolute;
-		top: 5px;
+		top: 15px;
 		right: 0;
 	}
 
@@ -413,9 +437,13 @@
 	}
 
 	.dp-po-member-table .dp-po-table-item:not(:first-child) {
-		margin-left: 37px;
+		margin-left: 32px;
 	}
 
+	.dp-po-member-directory .dp-po-member-table .dp-po-Avatar-name {
+		margin-left: 10px;
+	}	
+
 	.dp-po-member-table .dp-po-Avatar.Avatar--circle.Avatar--small .dp-po-Avatar-icon {
 		margin-left: 0;
 		width: 22px;
@@ -439,7 +467,7 @@
 	}
 
 	.dp-po-member-directory .demo-pagination {
-		padding: 15px 0;
+		padding: 20px 0;
 		justify-content: center;
 	}
 
@@ -479,6 +507,11 @@
 
 	.dp-po-member-directory .dp-po-main .dp-po-Title-page .dp-po-Icon {
 		order: 1;
+		margin-right: 20px;
+	}
+
+	.dp-po-member-directory .dp-po-main .dp-po-Title-page .dp-po-Icon.Icon--member-filter {
+		margin-right: 0;
 	}
 
 	.dp-po-member-directory .dp-po-wrapper-container .dp-po-sort {
@@ -493,11 +526,37 @@
 
 	.dp-po-member-directory .dp-po-dropdown-atom.is-active + .dp-po-dropdown-menu {
 		left: 0;
+		right: 0;
 		width: 100%;
 	}
 
 	.dp-po-member-directory .dp-po-sort .dp-po-dropdown-menu .dp-po-dropdown-menu-item {
 		justify-content: flex-start;
 	}
 
+	/*direction-rtl*/
+
+	.dp-po-direction-rtl.dp-po-member-directory .dp-po-main .dp-po-Title-page .dp-po-Icon {
+		margin-left: 20px;
+		margin-right: 14px;
+	}
+
+	.dp-po-member-directory .dp-po-main .dp-po-Title-page .dp-po-Icon.Icon--member-filter {
+		margin-left: 0;
+	}
+
+	.dp-po-member-directory .dp-po-member-table .dp-po-table-item.dp-po-table-message {
+		right: auto;
+		left: 0;
+	}
+
+	.dp-po-member-directory .dp-po-member-table .dp-po-table-item:not(:first-child) {
+		margin-left: 0;
+		margin-right: 32px;
+	}
+
+	.dp-po-direction-rtl.dp-po-member-directory .demo-pagination {
+		padding: 20px 0;
+	}
+
 }