fix: better msg on web form save
This commit is contained in:
Jannat Patel
@@ -58,7 +58,7 @@ input[type=checkbox] {
|
||||
letter-spacing: 0.011em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
box-shadow: var(--popover-box-shadow);
|
||||
box-shadow: var(--shadow-sm);
|
||||
color: var(--gray-900);
|
||||
width: fit-content;
|
||||
}
|
||||
@@ -75,7 +75,8 @@ input[type=checkbox] {
|
||||
.common-page-style {
|
||||
padding: 2rem 0 5rem;
|
||||
min-height: 60vh;
|
||||
font-size: var(--text-base);
|
||||
padding-top: 3rem;
|
||||
background-color: var(--bg-color);
|
||||
}
|
||||
|
||||
.common-card-style {
|
||||
@@ -99,47 +100,36 @@ input[type=checkbox] {
|
||||
}
|
||||
|
||||
.course-card-meta {
|
||||
margin: 0.75rem 0 0.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size: var(--text-base);
|
||||
color: var(--gray-600);
|
||||
color: var(--gray-900);
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.course-card-meta-2 {
|
||||
color: var(--gray-700);
|
||||
.icon {
|
||||
margin: 0;
|
||||
margin-right: 0.25rem;
|
||||
}
|
||||
|
||||
.lesson-links .icon {
|
||||
stroke: none;
|
||||
}
|
||||
|
||||
.course-card-content {
|
||||
padding: 0 1.25rem 1.25rem;
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.course-card-content {
|
||||
padding: 0 0.5rem 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 350px) {
|
||||
.course-card-content {
|
||||
padding: 0px 10px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.course-card-title {
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
color: var(--gray-800);
|
||||
color: var(--gray-900);
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
@media (max-width: 360px) {
|
||||
.card-heading {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
}
|
||||
|
||||
.card-divider {
|
||||
border-top: 1px solid var(--gray-300);
|
||||
margin-bottom: 1rem;
|
||||
@@ -151,9 +141,8 @@ input[type=checkbox] {
|
||||
}
|
||||
|
||||
.course-instructor {
|
||||
margin-left: 0.625rem;
|
||||
font-size: 0.875rem;
|
||||
color: var(--gray-700);
|
||||
margin-left: 0.5rem;
|
||||
font-size: var(--text-base);
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
@@ -164,9 +153,9 @@ input[type=checkbox] {
|
||||
|
||||
.course-student-count {
|
||||
display: flex;
|
||||
font-size: 12px;
|
||||
font-size: var(--text-base);
|
||||
float: right;
|
||||
font-weight: 500;
|
||||
color: var(--gray-900);
|
||||
}
|
||||
|
||||
.course-card-footer {
|
||||
@@ -222,12 +211,12 @@ input[type=checkbox] {
|
||||
}
|
||||
|
||||
.button-links {
|
||||
color: #4C5A67;
|
||||
color: var(--gray-900);
|
||||
}
|
||||
|
||||
.button-links:hover {
|
||||
text-decoration: none;
|
||||
color: #4C5A67;
|
||||
color: var(--gray-900);
|
||||
}
|
||||
|
||||
.icon-background {
|
||||
@@ -243,14 +232,9 @@ input[type=checkbox] {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.review-card-footer {
|
||||
margin-top: 20px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.review-content {
|
||||
padding: 24px;
|
||||
flex: 1;
|
||||
margin: 1rem 0 0 3.5rem;
|
||||
color: var(--gray-700);
|
||||
}
|
||||
|
||||
.submit-review {
|
||||
@@ -290,13 +274,25 @@ input[type=checkbox] {
|
||||
}
|
||||
|
||||
.course-card-wide {
|
||||
margin-top: 1rem;
|
||||
width: 60%;
|
||||
background-color: white;
|
||||
padding: 0 1rem 1rem;
|
||||
border-radius: var(--border-radius);
|
||||
width: 50%;
|
||||
box-shadow: var(--shadow-base);
|
||||
font-size: var(--text-base);
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
.course-card-wide {
|
||||
width: 75%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.course-card-wide {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -378,18 +374,22 @@ input[type=checkbox] {
|
||||
margin: 5rem 0 4rem;
|
||||
}
|
||||
|
||||
.course-home-page {
|
||||
background-color: #FFFFFF;
|
||||
padding-top: 3.75rem;
|
||||
}
|
||||
|
||||
.chapter-title {
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
border-radius: var(--border-radius-lg);
|
||||
padding: 0.75rem 0;
|
||||
padding: 0.5rem 0;
|
||||
color: var(--gray-900);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.chapter-description {
|
||||
margin: 0.75rem 3rem 1rem;
|
||||
margin: 0 2rem 0.5rem;
|
||||
}
|
||||
|
||||
.course-content-parent .chapter-description {
|
||||
@@ -397,25 +397,24 @@ input[type=checkbox] {
|
||||
}
|
||||
|
||||
.chapter-icon {
|
||||
margin-right: 1.25rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.reviews-parent {
|
||||
margin: 5rem 0;
|
||||
}
|
||||
|
||||
.course-description-section {
|
||||
margin-top: 3.75rem;
|
||||
color: var(--gray-900);
|
||||
}
|
||||
|
||||
.lesson-info {
|
||||
font-size: 16px;
|
||||
color: var(--gray-900);
|
||||
letter-spacing: -0.011em;
|
||||
}
|
||||
|
||||
.lesson-links {
|
||||
display: flex;
|
||||
padding: 0.75rem 1rem;
|
||||
align-items: center;
|
||||
padding: 0.5rem;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
@@ -426,14 +425,8 @@ input[type=checkbox] {
|
||||
border-radius: var(--border-radius-md);
|
||||
}
|
||||
|
||||
.course-content-parent .chapter-title {
|
||||
font-size: var(--text-md);
|
||||
}
|
||||
|
||||
.course-content-parent .lesson-links {
|
||||
padding: 0.5rem 1rem;
|
||||
font-size: var(--text-md);
|
||||
line-height: 200%;
|
||||
font-size: var(--text-base);
|
||||
}
|
||||
|
||||
.course-outline {
|
||||
@@ -442,7 +435,7 @@ input[type=checkbox] {
|
||||
}
|
||||
|
||||
.lessons {
|
||||
margin-left: 2.5rem;
|
||||
margin-left: 2rem;
|
||||
}
|
||||
|
||||
.member-card {
|
||||
@@ -508,17 +501,17 @@ input[type=checkbox] {
|
||||
.member-parent {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
||||
-moz-column-gap: 1.25rem;
|
||||
column-gap: 1.25rem;
|
||||
row-gap: 1.25rem;
|
||||
-moz-column-gap: 2rem;
|
||||
column-gap: 2rem;
|
||||
row-gap: 2rem;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.member-parent {
|
||||
grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
|
||||
-moz-column-gap: 1.25rem;
|
||||
column-gap: 1.25rem;
|
||||
row-gap: 1.25rem;
|
||||
-moz-column-gap: 2rem;
|
||||
column-gap: 2rem;
|
||||
row-gap: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -580,9 +573,10 @@ input[type=checkbox] {
|
||||
.breadcrumb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: var(--text-md);
|
||||
font-size: var(--text-base);
|
||||
line-height: 20px;
|
||||
color: var(--gray-900);
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
.course-details-outline {
|
||||
@@ -817,8 +811,8 @@ input[type=checkbox] {
|
||||
}
|
||||
|
||||
.progress-percent {
|
||||
margin: 0.5rem 0 1.3rem;
|
||||
font-size: 0.8rem;
|
||||
margin: 0.5rem 0;
|
||||
font-size: var(--text-base);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -955,15 +949,15 @@ pre {
|
||||
background-image: url(/assets/frappe/icons/timeless/search.svg);
|
||||
border: none;
|
||||
border-radius: var(--border-radius-md);
|
||||
font-size: var(--text-sm);
|
||||
font-size: var(--text-base);
|
||||
padding: 0.625rem 0.75rem;
|
||||
height: 36px;
|
||||
background-repeat: no-repeat;
|
||||
text-indent: 1.5rem;
|
||||
background-position: 1rem 0.6rem;
|
||||
background-position: 1rem 0.7rem;
|
||||
float: right;
|
||||
width: 25%;
|
||||
background-color: var(--gray-100);
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
.section-heading {
|
||||
@@ -1144,6 +1138,7 @@ pre {
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.job-detail-card {
|
||||
@@ -1151,11 +1146,6 @@ pre {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.job-detail-card span::before {
|
||||
content: "\00B7";
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
.job-subtitle {
|
||||
font-size: var(--text-base);
|
||||
margin-bottom: 1.875rem;
|
||||
@@ -1171,34 +1161,6 @@ pre {
|
||||
color: var(--gray-900);
|
||||
}
|
||||
|
||||
.company-name {
|
||||
font-size: var(--text-base);
|
||||
}
|
||||
|
||||
.job-meta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: var(--gray-700);
|
||||
font-size: var(--text-base);
|
||||
}
|
||||
|
||||
.job-type {
|
||||
background-color: var(--dark-green-100);
|
||||
color: var(--dark-green-500);
|
||||
border-radius: var(--border-radius-md);
|
||||
padding: 0.25rem 0.5rem;
|
||||
font-weight: 600;
|
||||
font-size: 11px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.6px;
|
||||
margin-bottom: 0.5rem;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.job-description {
|
||||
margin-top: 3.75rem;
|
||||
}
|
||||
|
||||
.course-head-container {
|
||||
color: var(--gray-900);
|
||||
}
|
||||
@@ -1206,16 +1168,16 @@ pre {
|
||||
.course-intructor-rating-section {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 3.5rem;
|
||||
justify-content: space-between;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.course-intructor-rating-section .seperator::before {
|
||||
content: "\00B7";
|
||||
.seperator {
|
||||
margin: 0 1rem;
|
||||
}
|
||||
|
||||
.course-head-container .progress {
|
||||
margin-top: 2.75rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.course-overlay-card {
|
||||
@@ -1225,31 +1187,31 @@ pre {
|
||||
overflow: auto;
|
||||
width: fit-content;
|
||||
position: fixed;
|
||||
top: 40%;
|
||||
right: 10%;
|
||||
top: 50%;
|
||||
right: 7%;
|
||||
max-width: 400px;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
@media (max-width: 1000px) {
|
||||
.course-overlay-card {
|
||||
position: inherit;
|
||||
margin-top: 1rem;
|
||||
margin: 1rem auto;
|
||||
}
|
||||
|
||||
.course-intructor-rating-section .seperator::before {
|
||||
.seperator {
|
||||
margin: 0 0.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
.video-in-overlay {
|
||||
top: 30%;
|
||||
top: 40%;
|
||||
}
|
||||
|
||||
.course-overlay-content {
|
||||
padding: 1.25rem;
|
||||
font-size: var(--text-base);
|
||||
color: var(--gray-700);
|
||||
color: var(--gray-900);
|
||||
}
|
||||
|
||||
.breadcrumb-destination {
|
||||
@@ -1266,7 +1228,7 @@ pre {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
@media (max-width: 1000px) {
|
||||
.course-body-container {
|
||||
width: 100%;
|
||||
}
|
||||
@@ -1292,15 +1254,9 @@ pre {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.course-creator-name {
|
||||
font-size: var(--text-xl);
|
||||
font-weight: 500;
|
||||
color: var(--gray-900);
|
||||
}
|
||||
|
||||
.course-meta {
|
||||
font-size: var(--text-base);
|
||||
color: var(--gray-600);
|
||||
color: var(--gray-900);
|
||||
}
|
||||
|
||||
.avg-rating {
|
||||
@@ -1340,6 +1296,7 @@ pre {
|
||||
|
||||
.star-click {
|
||||
--star-fill: var(--yellow-500);
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.rating {
|
||||
@@ -1359,6 +1316,7 @@ pre {
|
||||
|
||||
.reviews-parent .progress {
|
||||
width: 200px;
|
||||
color: var(--gray-900);
|
||||
}
|
||||
|
||||
.reviews-parent .progress-bar {
|
||||
@@ -1447,3 +1405,11 @@ pre {
|
||||
top: -50px;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.course-card-wide .breadcrumb {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.course-content-parent .course-details-outline .course-home-headings {
|
||||
display: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user