Skip to content

Commit

Permalink
course title and dicussion search result issues fix
Browse files Browse the repository at this point in the history
  • Loading branch information
@tanveer65
tanveer65 committed Feb 27, 2024
1 parent 911719a commit c4e19f9
Showing 1 changed file with 231 additions and 7 deletions.
238 changes: 231 additions & 7 deletions paragon/_overrides.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -840,6 +840,222 @@ div[data-learner-type=b2c_learner] {
z-index: 1;
overflow: hidden;
width: 100%;
header.site-header-mobile {
padding: 0 15px;
height: auto;
.logo-holder {
margin: 15px 0 15px 35px;
img {
height: 21px;
}
}
.menu {
@include media-breakpoint-down(md) {
position: static;
}
&.expanded {
button {
.hamburger-menu {
.line {
&:nth-child(1), &:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
&:nth-child(2) {
transform: rotate(45deg);
}
&:nth-child(3) {
transform: rotate(-45deg);
}
}
}
}
}
button {
border: none !important;
padding: 0 !important;
box-shadow: none !important;
outline: none !important;
background: none !important;
position: absolute;
left: 15px;
top: 18px;
.hamburger-menu {
transition: 0.5s ease-in-out;
cursor: pointer;
height: 12px;
width: 20px;
display: none;
@include media-breakpoint-down(md) {
display: block;
}
.line {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #767676;
opacity: 1;
left: 0;
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
&:nth-child(2), &:nth-child(3) {
top: 6px;
}
&:nth-child(4) {
top: 12px;
}
}
}
}
.menu-content {
position: absolute;
top: 60px !important;
width: 100%;
border-radius: 0;
box-shadow: none;
border: none !important;
border-bottom: 2px solid $primary !important;
overflow: hidden;
inset: unset !important;
transform: none !important;
right: 0 !important;
min-width: 12px;
padding: 0;
margin: 25px 0 0 !important;
a {
box-sizing: border-box;
padding: 10px;
font-size: 14px;
line-height: 20px;
color: #374151;
@include media-breakpoint-down(md) {
padding: 16px;
}
&:hover {
background: $primary-light;
color: #111827; ;
}
&.h-desktop {
display: none;
@include media-breakpoint-down(md) {
display: block;
}
}
@include media-breakpoint-down(md) {
&:after {
content: '\00BB';
padding: 0 0 0 5px;
}
}
}
}
}
}
header.site-header-desktop {
z-index: 30;
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.06), 0px 1px 3px 0px rgba(0,0,0,0.1);
.container-fluid {
max-width: 1090px;
margin: 0 auto;
padding: 0 15px;
}
.logo {
position: static;
height: auto;
margin: 15px 0 15px 35px !important;
@include media-breakpoint-up(lg) {
margin: 0 18px 0 0 !important;
}
img {
height: 21px;
}
}
.main-nav {
a.nav-link {
font-size: 14px;
font-weight: 500;
line-height: 22px;
padding: 20px 0;
color: #374151;
margin: 0 16px 0 0;
display: block;
border-bottom: 2px solid transparent;
background: none;
&:hover {
color: #111827;
text-decoration: none;
border-bottom: 2px solid $primary;
}
}
}
.menu {
button {
border: none !important;
padding: 9px 15px !important;
box-shadow: none !important;
outline: none !important;
background: $primary-light !important;
color: $primary;
font-size: 14px;
font-weight: 500;
line-height: 20px;
&:before {
display: none !important;
}
&:after {
display: inline-block;
vertical-align: middle;
content: "";
margin: 0 0 2px 8px;
border: 2px solid $primary;
border-width: 0 0 2px 2px;
transform: rotate(-45deg);
width: 7px;
height: 7px;
}
.avatar {
display: none !important;
}
svg {
display: none !important;
}
}
.menu-content {
position: absolute;
top: 60px !important;
width: 224px;
border-radius: 6px;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
border: none;
overflow: hidden;
inset: unset !important;
transform: none !important;
right: 0 !important;
min-width: 12px;
padding: 0;
margin: 6px 0 0 !important;
a {
box-sizing: border-box;
padding: 10px;
font-size: 14px;
line-height: 20px;
color: #374151;
@include media-breakpoint-down(md) {
padding: 16px;
}
&:hover {
background: $primary-light;
color: #111827; ;
}
}
}
}
}
header.learning-header {
z-index: 30;
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.06), 0px 1px 3px 0px rgba(0,0,0,0.1);
Expand Down Expand Up @@ -886,6 +1102,7 @@ div[data-learner-type=b2c_learner] {
font-size: 14px;
font-weight: 700;
color: #111827;
white-space: normal;
margin: 0 0 8px !important;
@include media-breakpoint-down(md) {
margin: 0 0 2px !important;
Expand Down Expand Up @@ -1794,13 +2011,22 @@ width: 100%;
width: 120px !important;
}
.pgn__card-section {
@include media-breakpoint-down(sm) {
padding: 10px !important;
@include media-breakpoint-down(sm) {
padding: 10px !important;
}
}
}
}
}
}
}
.discussion-posts {
.d-flex.flex-row.border-bottom.border-light-400 {
font-size: 14px;
button {
min-width: 98px !important;
text-align: left !important;
}
}
}
#root {
.header-action-bar.shadow-none.border-light-300.border-bottom {
Expand Down Expand Up @@ -1831,9 +2057,7 @@ div[data-learner-type=b2c_learner] div[role=heading].h2, div[role=heading].h2 {
}

div[role=heading].h2 + .list-unstyled.m-0.mt-4.pt-2 {
@include media-breakpoint-up(md) {
min-height: calc(100vh - 403px);
}
min-height: calc(100vh - 403px);
li {
&.dates-day.pb-4 {
.dates-line-bottom {
Expand Down Expand Up @@ -1971,7 +2195,7 @@ div[role=heading].h2 + .list-unstyled.m-0.mt-4.pt-2 {
background: $primary-light;
border-radius: 6px;
padding: 16px;
margin: 18px 0 0 -48px;
margin: 18px 0 0 0;
font-size: 14px !important;
line-height: 20px;
max-width: 475px;
Expand Down

0 comments on commit c4e19f9

Please sign in to comment.