Skip to content

Commit

Permalink
Added account and profile styling with header style fixes (#17)
Browse files Browse the repository at this point in the history 
* feat: style profile page and account page

* feat:updates colors

* fixs: profile and account pages issue fix

* update header style

---------

Co-authored-by: “tanveer65” <tanveer.ahmad@arbisoft.com>
  • Loading branch information
@hinakhadim @tanveer65
hinakhadim and tanveer65 authored Apr 25, 2024
1 parent 885c1b4 commit 8679c9e
Showing 1 changed file with 142 additions and 3 deletions.
145 changes: 142 additions & 3 deletions paragon/_overrides.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -76,6 +76,17 @@ html {
.bg-light-400 {
background: $primary-light !important;
}
.alert.alert-success {
box-shadow: none;
a {
background: #15376D;
padding: 9px 17px;
font-size: 16px;
line-height: 24px;
border-radius: 6px;
border: none;
}
}
.course-outline-tab {
.raised-card {
background: $primary-light;
Expand Down Expand Up @@ -661,6 +672,32 @@ div[data-learner-type=b2c_learner] {
}
}
>.col-12.col-md-4.p-0.px-md-4 {
.bg-light-200.raised-card {
background: $primary-light !important;
box-shadow: none !important;
.pgn__card-header {
.pgn__card-header-content {
margin-top: 10px;
}
.pgn__card-header-title-md {
font-size: 18px;
}
}
.pgn__card-section {
padding-top: 0;
}
.btn.btn-outline-brand {
padding: 7px 13px !important;
border: 1px solid #15376D !important;
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 500;
line-height: 20px;
margin: 0 !important;
background: #15376D;
}
}
section.mb-4.x-small {
background-color: $primary-light;
font-size: 16px;
Expand Down Expand Up @@ -1060,7 +1097,7 @@ div[data-learner-type=b2c_learner] {
}
}
}
header.learning-header {
header.customise.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);
.logo {
Expand Down Expand Up @@ -2281,7 +2318,15 @@ div[role=heading].h2 + .list-unstyled.m-0.mt-4.pt-2 {
margin: 0 0 5px;
}
p {
<<<<<<< HEAD
<<<<<<< HEAD
color: #515661;
=======
color: #6B7280;
>>>>>>> 08fb0ed (feat: style profile page and account page)
=======
color: #515661;
>>>>>>> df6eecd (feat:updates colors)
margin: 0;
font-size: 12px;
line-height: 16px;
Expand Down Expand Up @@ -2350,7 +2395,69 @@ div[role=heading].h2 + .list-unstyled.m-0.mt-4.pt-2 {
border-radius: 8px;
font-size: 14px;
color: #111827;
p.h5 {
.col-sm-6.d-flex.align-items-stretch {
display: block !important;
max-width: 100%;
width: 100%;
flex: 0 0 100%;
margin: 15px 0 0;
.certificate-type-illustration {
display: none;
}
.certificate {
border: none;
padding: 0;
background: $primary-light;
margin: 0 !important;
}
.card-body {
padding: 15px;
a.default-link {
padding: 7px 13px !important;
border: 1px solid $primary !important;
color: $primary;
text-decoration: none;
font-size: 0;
line-height: 0;
margin: 0 !important;
background: $primary;
position: absolute;
top: 15px;
right: 15px;
&:after {
font-size: 14px;
font-weight: 500;
line-height: 20px;
content: "View";
color: #fff;
}
span {
display: none;
}
}
.card-title {
margin: 0 0 10px !important;
max-width: calc(100% - 138px);
}
p.small {
font-weight: 400;
font-size: 14px;
color: #111827;
margin: 0 !important;
}
h4.certificate-title, p.h6 {
font-size: 16px;
line-height: 20px;
color: #111827 !important;
margin: 0;
font-weight: 600;
}
p.h6 {
margin: 0 0 10px !important;
}
}
}
p.h5, p.lead, .card-title {
font-weight: 600;
font-size: 16px;
color: #111827;
Expand Down Expand Up @@ -2395,7 +2502,15 @@ div[role=heading].h2 + .list-unstyled.m-0.mt-4.pt-2 {
p {
.small.text-muted {
font-size: 16px;
<<<<<<< HEAD
<<<<<<< HEAD
color: #515661 !important;
=======
color: #6B7280 !important;
>>>>>>> 08fb0ed (feat: style profile page and account page)
=======
color: #515661 !important;
>>>>>>> df6eecd (feat:updates colors)
line-height: 20px;
}
}
Expand Down Expand Up @@ -2518,7 +2633,7 @@ div[role=heading].h2 + .list-unstyled.m-0.mt-4.pt-2 {
.page__account-settings {
max-width: 1090px;
margin: 0 auto;
padding: 50px 15px 20px !important;
padding: 35px 15px 20px !important;
.form-control {
padding: 6px 10px;
font-size: 14px;
Expand All @@ -2535,7 +2650,15 @@ div[role=heading].h2 + .list-unstyled.m-0.mt-4.pt-2 {
.account-section {
font-size: 14px;
line-height: 20px;
<<<<<<< HEAD
<<<<<<< HEAD
color: #515661;
=======
color: #6B7280;
>>>>>>> 08fb0ed (feat: style profile page and account page)
=======
color: #515661;
>>>>>>> df6eecd (feat:updates colors)
p {
margin: 0 0 15px;
}
Expand Down Expand Up @@ -2695,7 +2818,15 @@ div[role=heading].h2 + .list-unstyled.m-0.mt-4.pt-2 {
p.text-truncate, p[data-hj-suppress="true"] {
font-weight: 600;
font-size: 16px;
<<<<<<< HEAD
<<<<<<< HEAD
color: #515661;
=======
color: #6B7280;
>>>>>>> 08fb0ed (feat: style profile page and account page)
=======
color: #515661;
>>>>>>> df6eecd (feat:updates colors)
margin: 5px 0 0 !important;
button {
font-weight: 600;
Expand Down Expand Up @@ -2733,7 +2864,15 @@ div[role=heading].h2 + .list-unstyled.m-0.mt-4.pt-2 {
p {
.small.text-muted {
font-size: 16px;
<<<<<<< HEAD
<<<<<<< HEAD
color: #515661 !important;
=======
color: #6B7280 !important;
>>>>>>> 08fb0ed (feat: style profile page and account page)
=======
color: #515661 !important;
>>>>>>> df6eecd (feat:updates colors)
line-height: 20px;
}
}
Expand Down

0 comments on commit 8679c9e

Please sign in to comment.