- fixed RTL styles for member directory;

This commit is contained in:
nikitasinelnikov
2019-10-16 17:47:12 +03:00
parent 9099d51794
commit 6c591fc33c
9 changed files with 322 additions and 130 deletions
+135
View File
@@ -0,0 +1,135 @@
@import "selectors"
@import "mixins"
@import "colors"
.#{$prefix}directory
.um-member-directory-header
.um-member-directory-header-row
.um-member-directory-search-line
label
margin: 0 0 0 10px
.um-member-directory-nav-line
.um-member-directory-view-type
margin: 0 0 0 10px
.um-member-directory-sorting
.um-member-directory-sorting-a
a
margin: 0 0 0 5px
.um-new-dropdown
right: -12px
left: auto
.um-member-directory-filters
.um-member-directory-filters-a
a
margin: 0 0 0 5px
.um-search
.um-search-filter
&.um-datepicker-filter-type,
&.um-timepicker-filter-type
input
margin: 0 0 0 5px
&:nth-child(even)
margin: 0 5px 0 0
.um-filtered-line
.um-members-filter-tag
margin: 0 0 5px 10px
&:first-child
margin-left: 10px
.um-members-filter-remove
margin-left: 0
margin-right: 10px
.um-members-wrapper
.um-members
&.um-members-grid
.um-member
.um-member-card
.um-members-edit-btn
a.um-edit-profile-btn
&:before
margin-right: 0
margin-left: 8px
&.um-members-list
.um-member
.um-member-card-container
.um-member-photo
margin: 0 0 0 15px
.um-member-card
.um-member-card-content
margin: 0 0 0 10px
.um-member-card-actions
.um-member-cog
.um-new-dropdown
right: auto
left: 0
text-align: right
.um-members-pagination-box
.um-members-pagi
align-items: center
.pagi
&.pagi-arrow
transform: rotate(180deg)
&.uimob340
.um-member-directory-header
.um-member-directory-header-row
.um-member-directory-nav-line
.um-member-directory-view-type
margin: 0 0 0 2px
.um-member-directory-sorting
.um-new-dropdown
right: auto
left: 0
.um-members-wrapper
.um-members
&.um-members-list
.um-member
.um-member-photo
margin: 0 0 0 10px
.um-member-card-footer
.um-member-card-footer-buttons
margin: 0 0 0 10px
&.uimob500
.um-member-directory-header
.um-member-directory-header-row
.um-member-directory-nav-line
.um-member-directory-view-type
margin: 0 0 0 5px
.um-members-wrapper
.um-members
&.um-members-list
.um-member
.um-member-photo
margin: 0 0 0 10px
.um-member-card-footer
align-items: flex-start
.um-member-card-footer-buttons
margin: 0 0 0 10px
.um-members-list-footer-button-wrapper
margin: 0 0 5px 10px
&.uimob800
.um-members-wrapper
.um-members
&.um-members-list
.um-member
.um-member-photo
margin: 0 0 0 10px
.um-member-card-footer
.um-member-card-footer-buttons
margin: 0 0 0 10px
.um-members-list-footer-button-wrapper
margin: 0 0 5px 10px
+26 -55
View File
@@ -167,8 +167,11 @@ body
+flex( row, flex-start, baseline, nowrap )
flex: 5
.um-member-directory-sorting-a
+flex( row, flex-start, baseline, nowrap )
position: relative
cursor: pointer
a
margin: 0 5px 0 0
i
&.um-faicon-caret-down
display: inline
@@ -188,10 +191,14 @@ body
a[data-selected="1"]
display: none
.um-member-directory-filters
+flex( row, flex-end, baseline, nowrap )
flex: 2
text-align: right
.um-member-directory-filters-a
+flex( row, flex-start, baseline, nowrap )
cursor: pointer
a
margin: 0 5px 0 0
i
&.um-faicon-caret-down
display: inline
@@ -244,6 +251,7 @@ body
margin: 4px 8px 0 8px
.um-slider-range
+flex( row, flex-start, baseline, nowrap )
margin: 6px 0 0 8px
font-size: 0.8em
&.um-datepicker-filter-type,
@@ -484,6 +492,9 @@ body
padding: 12px 0 0 0
line-height: 16px
vertical-align: middle
strong
display: block
clear: both
span
display: block
text-align: center
@@ -609,14 +620,16 @@ body
font-weight: 700
.um-member-tagline
+flex( row, flex-start, baseline, wrap )
width: 100%
font-size: 13px
line-height: 22px
//line-height: 22px
color: #999
padding: 0 15px 0 0
padding: 0
box-sizing: border-box
.um-member-meta-main
width: 100%
padding: 0 10px 0 0
padding: 0
box-sizing: border-box
display: none
&.no-animate
@@ -626,23 +639,15 @@ body
width: 100%
display: block
margin: 10px 0 0 0
padding: 15px 0
box-sizing: border-box
border: none
.um-member-metaline
+flex( row, flex-start, center, wrap )
font-size: 13px
padding: 12px 0 0 0
line-height: 16px
vertical-align: middle
clear: both
text-align: left
width: 100%
span
text-align: left
display: block
strong, span
float: left
.um-member-connect
padding-top: 10px
@@ -687,45 +692,6 @@ body
a
box-sizing: border-box
div[class$="stats"]
text-align: center
.um-members-edit-btn
margin: 2px 0
height: 40px
a.um-edit-profile-btn
padding: 10px 15px !important
transition: none !important
display: inline-block !important
margin: 0 auto !important
min-width: 110px
width: auto
text-align: center
font-size: 13px
&:before
font-family: "FontAwesome"
margin-right: 8px
width: 14px
text-align: left
display: inline-block
font-size: 16px
position: relative
left: 0
top: 1px
content: "\f013"
.um-edit-profile-btn
&:before
font-family: "FontAwesome"
margin-right: 8px
width: 14px
text-align: left
display: inline-block
font-size: 16px
font-weight: 400
position: relative
left: 0
top: 1px
content: "\f013"
.um-member-card-footer
+flex( row, flex-end, center, nowrap )
@@ -779,11 +745,10 @@ body
margin: 0 0 10px 0
padding: 0
.um-members-pagi
+flex( row, center, baseline, nowrap )
width: 100%
float: left
margin: 0
text-align: center
padding: 5px 0
padding: 0
font-size: 15px
.pagi
cursor: pointer
@@ -796,6 +761,7 @@ body
color: #666 !important
font-weight: normal
&.pagi-arrow
line-height: 38px
i:before
font-size: 20px
vertical-align: middle !important
@@ -906,7 +872,9 @@ body
margin: 0 0 5px 0
a.um-button
width: 100% !important
.um-members-pagination-box
.um-members-pagi
display: none
&.uimob500
.um-member-directory-header
@@ -952,6 +920,9 @@ body
margin: 0 10px 0 0
.um-members-list-footer-button-wrapper
margin: 0 10px 5px 0
.um-members-pagination-box
.um-members-pagi
display: none
&.uimob800
.um-member-directory-header
.um-member-directory-header-row