rtl fixes and learnpress fixes

vapvarun · Jan 17, 2022 · f50625e · f50625e
1 parent b51d2af
commit f50625e
Show file tree

Hide file tree

Showing 14 changed files with 406 additions and 119 deletions.
diff --git a/assets/css/buddypress.css b/assets/css/buddypress.css
@@ -3596,6 +3596,10 @@ table.badgeos-rank-table tfoot tr th {
     #whats-new-options .post-elements-buttons-item:first-child {
         margin-left: 0 !important;
     }
+    [dir='rtl'] #whats-new-options .post-elements-buttons-item:first-child {
+        margin-left: 10px!important;
+        margin-right: 0 !important;
+    }
 }
 
 .quote-btn {
@@ -3610,6 +3614,11 @@ table.badgeos-rank-table tfoot tr th {
     margin-bottom: 5px;
 }
 
+[dir='rtl'] .bp-nouveau .site-wrapper .bpquotes-bg-selection-div {
+    margin-left: 0;
+    margin-right: 0;
+}
+
 
 /*--------------------------------------------------------------
 ## BuddyPress Polls
@@ -3623,6 +3632,10 @@ table.badgeos-rank-table tfoot tr th {
     margin-top: 0;
 }
 
+[dir='rtl'] .bp-nouveau .site-wrapper .bpolls-polls-option-html {
+    margin-right: 0;
+}
+
 
 /*--------------------------------------------------------------
 ## BuddyPress Profile Pro
@@ -3879,6 +3892,10 @@ body.search-results.buddypress-global-search .bp-list li .action {
     float: left;
 }
 
+[dir='rtl'] .buddypress-giphy-active form.ac-form .ac-reply-content .bp-giphy-html-container {
+    float: right;
+}
+
 .mce-container button {
     background: transparent !important;
     border: 0 !important;

diff --git a/assets/css/buddypress.min.css b/assets/css/buddypress.min.css
diff --git a/assets/css/buddyx-youzify.css b/assets/css/buddyx-youzify.css
@@ -309,6 +309,27 @@ body.youzify-active .widget_pages li a {
 }
 
 
+/*--------------------------------------------------------------
+# BuddyPress Activity
+--------------------------------------------------------------*/
+
+.activity-list.item-list .activity-item .activity-avatar {
+    margin: 0;
+}
+
+.youzify-icons-circle i,
+.youzify-photo-circle,
+.youzify-photo-circle .youzify-profile-img,
+.youzify-photo-circle img {
+    border-radius: 100% !important;
+}
+
+.youzify .activity-inner,
+.youzify .youzify-activity-embed {
+    padding: 0 25px !important;
+}
+
+
 /*--------------------------------------------------------------
 # BuddyPress Profile Completion
 --------------------------------------------------------------*/

diff --git a/assets/css/buddyx-youzify.min.css b/assets/css/buddyx-youzify.min.css
diff --git a/assets/css/global.css b/assets/css/global.css
@@ -427,6 +427,7 @@ textarea {
 input[type="button"],
 input[type="reset"],
 input[type="submit"],
+button[type=submit],
 a.read-more.button {
     font-family: inherit;
     font-size: inherit;
@@ -466,7 +467,9 @@ a.read-more.button {
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover,
+button[type=submit]:hover,
 a.read-more.button:hover {
+    color: #fff;
     background-color: var(--button_background_hover_color);
     border: 1px solid var(--button_border_hover_color);
 }

diff --git a/assets/css/global.min.css b/assets/css/global.min.css
diff --git a/assets/css/learnpress.css b/assets/css/learnpress.css
@@ -1,6 +1,7 @@
 /*--------------------------------------------------------------
 >>> TABLE OF CONTENTS:
 ----------------------------------------------------------------
+# Imports
 # Archive Course
 # Single Course
 # Course Author
@@ -10,9 +11,16 @@
 # User Profile
 # Profile Wishlist
 # Single Lession
+# Become Teacher
 --------------------------------------------------------------*/
 
 
+/*--------------------------------------------------------------
+# Imports
+--------------------------------------------------------------*/
+
+@import "_custom-properties.css";
+
 /*--------------------------------------------------------------
 # Archive Course
 --------------------------------------------------------------*/
@@ -25,6 +33,15 @@
     margin-top: 0;
 }
 
+.lp-archive-courses .learn-press-courses[data-layout=grid] .course .course-item .course-content.course-content {
+    border: 1px solid var(--global-border-color);
+    border-top: 0;
+}
+
+.lp-archive-courses .learn-press-courses .course .course-item .course-wrap-thumbnail {
+    line-height: 0;
+}
+
 .post-type-archive-lp_course .site-sub-header h2.entry-title a {
     color: #fff;
 }
@@ -102,7 +119,7 @@ ul.learn-press-courses .course .course-info .course-price .price {
 }
 
 ul.learn-press-courses .course .course-info .course-price .price {
-    color: #ef5455;
+    color: var(--color-link-active);
 }
 
 ul.learn-press-courses .course .course-info .course-instructor a {
@@ -122,14 +139,26 @@ ul.learn-press-courses .course .course-info .course-instructor a {
 }
 
 .lp-archive-courses .course-summary .course-summary-content .lp-entry-content.lp-content-area .course-summary-sidebar {
-    margin-right: 15px;
+    right: 15px;
 }
 
 .single-lp_course .course-learning-summary .course-meta,
 .course-students {
     display: none !important;
 }
 
+#learn-press-course-curriculum.course-curriculum ul.curriculum-sections.curriculum-sections {
+    z-index: 99;
+}
+
+#learn-press-course .course-summary-sidebar .course-sidebar-preview .media-preview img {
+    width: 100%;
+}
+
+.lp-course-buttons button {
+    cursor: pointer;
+}
+
 .single-lp_course .learn-press-course-results-progress,
 .single-lp_course .course-learning-summary .course-remaining-time {
     background: #fff;
@@ -236,7 +265,39 @@ ul.learn-press-nav-tabs .course-nav a:after {
 }
 
 .lp-single-course .course-price .price {
-    color: #ef5455;
+    color: var(--color-link-active);
+}
+
+#learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons button.learn-press-course-wishlist {
+    right: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-header .section-desc.section-desc {
+    margin-top: 5px;
+    line-height: normal;
+}
+
+@media only screen and (max-width: 1199px) {
+    .lp-archive-courses .course-summary .course-summary-content .lp-entry-content.lp-content-area .course-summary-sidebar.course-summary-sidebar {
+        margin-top: 0;
+        right: 0;
+    }
+    .course-summary .course-summary-sidebar.slide-down .course-summary-sidebar__inner.course-summary-sidebar__inner,
+    .course-summary .course-summary-sidebar.slide-top .course-summary-sidebar__inner.course-summary-sidebar__inner {
+        position: static;
+    }
+    #learn-press-course-tabs.course-tabs.course-tabs {
+        margin-top: 0;
+    }
+}
+
+@media only screen and (max-width: 449px) {
+    ul.learn-press-nav-tabs .course-nav.course-nav {
+        width: 100%;
+    }
 }
 
 
@@ -264,6 +325,11 @@ ul.learn-press-nav-tabs .course-nav a:after {
 # Review Tab
 --------------------------------------------------------------*/
 
+#learn-press-course-tabs .course-tab-panels .course-tab-panel.course-tab-panel-reviews.course-tab-panel-reviews {
+    padding: 1em 1.2em;
+    padding-top: 56px;
+}
+
 #review-form .review-fields,
 #review-form .review-stars {
     padding: 0;
@@ -317,9 +383,9 @@ ul.learn-press-nav-tabs .course-nav a:after {
 }
 
 @media only screen and (max-width: 959px) {
-    ul.learn-press-courses {
+    /* ul.learn-press-courses {
         padding: 0 15px !important;
-    }
+    } */
     .learn-press-search-course-form {
         margin: 15px !important;
     }
@@ -393,7 +459,7 @@ ul.learn-press-nav-tabs .course-nav a:after {
     font-weight: 500;
     text-transform: uppercase;
     font-size: 13px;
-    color: #ef5455;
+    color: var(--color-link-active);
 }
 
 .widget .course-detail .course-meta-data a,
@@ -410,7 +476,7 @@ ul.learn-press-nav-tabs .course-nav a:after {
 }
 
 .widget_lp-widget-course-info .lp-widget .lp-course-info-fields .lp-course-info .lp-label {
-    background: #ef5455;
+    background: var(--color-link-active);
 }
 
 
@@ -442,6 +508,22 @@ ul.learn-press-nav-tabs .course-nav a:after {
 # User Profile
 --------------------------------------------------------------*/
 
+.wrapper-profile-header.wrap-fullwidth {
+    margin: 0;
+}
+
+.learn-press-course-tab-filters .learn-press-filters>li::after {
+    margin: 0 25px;
+}
+
+.learn-press-filters>li a {
+    cursor: pointer;
+}
+
+.learn-press-profile-course__tab__inner {
+    margin-left: 0 !important;
+}
+
 #learn-press-user-profile {
     position: relative;
     border: 1px solid #e8e8e8;
@@ -562,7 +644,14 @@ ul.learn-press-nav-tabs .course-nav a:after {
 }
 
 .lp-list-table thead tr th {
-    background: #ef5455 !important;
+    background: var(--color-link-active) !important;
+}
+
+@media (max-width: 500px) {
+    #learn-press-profile .wrapper-profile-header .lp-profile-right {
+        padding-right: 0;
+        padding-left: 0;
+    }
 }
 
 @media only screen and (max-width: 480px) {
@@ -582,7 +671,7 @@ ul.learn-press-nav-tabs .course-nav a:after {
         background: #F5F5F5;
     }
     #learn-press-profile-nav:hover #profile-mobile-menu {
-        background: #ef5455 !important;
+        background: var(--color-link-active) !important;
     }
     #learn-press-profile-nav .tabs>li.active ul,
     #learn-press-profile-nav .tabs>li.active a,
@@ -673,4 +762,21 @@ ul.learn-press-nav-tabs .course-nav a:after {
         overflow: hidden;
         text-overflow: ellipsis;
     }
+}
+
+
+/*--------------------------------------------------------------
+# Become Teacher
+--------------------------------------------------------------*/
+
+.become-teacher-form.become-teacher-form {
+    width: 100%;
+    max-width: 100%;
+    position: relative;
+    margin-bottom: 30px;
+    padding: 1em;
+    background: #fff;
+    border: 1px solid var(--global-border-color);
+    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
+    border-radius: 8px!important;
 }