diff --git a/src/app/client/src/app/modules/dial-code-search/components/get/get.component.scss b/src/app/client/src/app/modules/dial-code-search/components/get/get.component.scss
index 26f3ea490bcb8040e2884b4ffc4bcc0069811c2d..8757d944431f7757186c549a98ffb1ed4b5422ef 100644
--- a/src/app/client/src/app/modules/dial-code-search/components/get/get.component.scss
+++ b/src/app/client/src/app/modules/dial-code-search/components/get/get.component.scss
@@ -2,7 +2,7 @@
.sb-explore-qr-page-cover {
padding: calculateRem(32px) 0 0 0;
- min-height: calc(100vh - calculateRem(230px));
+ min-height: calc(100vh - 14.375rem);
}
/*get dial code page responsive css*/
diff --git a/src/app/client/src/app/modules/learn/components/course-consumption/assessment-player/assessment-player.component.scss b/src/app/client/src/app/modules/learn/components/course-consumption/assessment-player/assessment-player.component.scss
index 6f24ca8d692f705dc1a7f9f22a321559beedde94..dfbb6ba243c867cc6d81483cc8d785ee44ef9d9d 100644
--- a/src/app/client/src/app/modules/learn/components/course-consumption/assessment-player/assessment-player.component.scss
+++ b/src/app/client/src/app/modules/learn/components/course-consumption/assessment-player/assessment-player.component.scss
@@ -17,7 +17,7 @@
}
}
.side-toc-content {
- max-height: calc(100vh - calculateRem(320px));
+ max-height: calc(100vh - 20rem);
overflow-y: auto;
padding-bottom: calculateRem(24px);
}
diff --git a/src/app/client/src/app/modules/observation/components/add-entity/add-entity.component.scss b/src/app/client/src/app/modules/observation/components/add-entity/add-entity.component.scss
index 65481748332426b18829f4314ffec8798e3d06e6..ed8732aebf48a924adfc3940b9e03797f1e2a52a 100644
--- a/src/app/client/src/app/modules/observation/components/add-entity/add-entity.component.scss
+++ b/src/app/client/src/app/modules/observation/components/add-entity/add-entity.component.scss
@@ -1,7 +1,7 @@
@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
.sb-modal-content {
- height: calc(100vh - calculateRem(350px)) !important;
+ height: calc(100vh - 21.875rem) !important;
}
.content{
max-height: 65vh;
diff --git a/src/app/client/src/app/modules/shared-feature/components/tnc-popup/terms-conditions-popup.component.scss b/src/app/client/src/app/modules/shared-feature/components/tnc-popup/terms-conditions-popup.component.scss
index 846f4043e9dddfb9e5229db78551319081c2531b..13881bfa31a14c03770f64b16b56874908931eae 100644
--- a/src/app/client/src/app/modules/shared-feature/components/tnc-popup/terms-conditions-popup.component.scss
+++ b/src/app/client/src/app/modules/shared-feature/components/tnc-popup/terms-conditions-popup.component.scss
@@ -2,7 +2,7 @@
@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
.terms-and-cond-form{
- height: calc(100vh - calculateRem(350px));
+ height: calc(100vh - 21.875rem);
iframe{
height: 100%;
}
@@ -20,7 +20,7 @@
max-width: 100%;
height: 100%;
.sb-modal-content {
- height: calc(100% - calculateRem(96px));
+ height: calc(100% - 6rem);
max-height: 100%;
overflow: hidden;
}
diff --git a/src/app/client/src/app/modules/workspace/components/flag-conentplayer/flag-conentplayer.component.scss b/src/app/client/src/app/modules/workspace/components/flag-conentplayer/flag-conentplayer.component.scss
index b6db4c5da7568b451766e772b3191116dc57fddf..61d0c8cab7ce27be7d84b1353549cc3131b3907e 100644
--- a/src/app/client/src/app/modules/workspace/components/flag-conentplayer/flag-conentplayer.component.scss
+++ b/src/app/client/src/app/modules/workspace/components/flag-conentplayer/flag-conentplayer.component.scss
@@ -28,7 +28,7 @@
}
&.player-fullscreen {
width: 100%;
- height: calc(100vh - calculateRem(50px)) !important;
+ height: calc(100vh - 3.125rem) !important;
position:fixed;
top:calculateRem(50px);
left:0;
@@ -41,7 +41,7 @@
}
&.player-fullscreen iframe, &.player-fullscreen video {
width: 100%;
- height: calc(100vh - calculateRem(50px)) !important;
+ height: calc(100vh - 3.125rem) !important;
}
}
\ No newline at end of file
diff --git a/src/app/client/src/app/modules/workspace/components/reviewsubmissions-contentplayer/reviewsubmissions-contentplayer.component.scss b/src/app/client/src/app/modules/workspace/components/reviewsubmissions-contentplayer/reviewsubmissions-contentplayer.component.scss
index 291e8ee25382c565f178673f0c80181f55521c31..e2d954ac7bd1394aa4936dd5e803394ef47a7f90 100644
--- a/src/app/client/src/app/modules/workspace/components/reviewsubmissions-contentplayer/reviewsubmissions-contentplayer.component.scss
+++ b/src/app/client/src/app/modules/workspace/components/reviewsubmissions-contentplayer/reviewsubmissions-contentplayer.component.scss
@@ -27,7 +27,7 @@
}
&.player-fullscreen {
width: 100%;
- height: calc(100vh - calculateRem(50px)) !important;
+ height: calc(100vh - 3.125rem) !important;
position:fixed;
top:calculateRem(50px);
left:0;
@@ -40,7 +40,7 @@
}
&.player-fullscreen iframe, &.player-fullscreen video {
width: 100%;
- height: calc(100vh - calculateRem(50px)) !important;
+ height: calc(100vh - 3.125rem) !important;
}
}
\ No newline at end of file
diff --git a/src/app/client/src/app/modules/workspace/components/upforreview-contentplayer/upforreview-contentplayer.component.scss b/src/app/client/src/app/modules/workspace/components/upforreview-contentplayer/upforreview-contentplayer.component.scss
index b6db4c5da7568b451766e772b3191116dc57fddf..61d0c8cab7ce27be7d84b1353549cc3131b3907e 100644
--- a/src/app/client/src/app/modules/workspace/components/upforreview-contentplayer/upforreview-contentplayer.component.scss
+++ b/src/app/client/src/app/modules/workspace/components/upforreview-contentplayer/upforreview-contentplayer.component.scss
@@ -28,7 +28,7 @@
}
&.player-fullscreen {
width: 100%;
- height: calc(100vh - calculateRem(50px)) !important;
+ height: calc(100vh - 3.125rem) !important;
position:fixed;
top:calculateRem(50px);
left:0;
@@ -41,7 +41,7 @@
}
&.player-fullscreen iframe, &.player-fullscreen video {
width: 100%;
- height: calc(100vh - calculateRem(50px)) !important;
+ height: calc(100vh - 3.125rem) !important;
}
}
\ No newline at end of file
diff --git a/src/app/client/src/app/plugins/profile/components/submit-teacher-details/submit-teacher-details.component.scss b/src/app/client/src/app/plugins/profile/components/submit-teacher-details/submit-teacher-details.component.scss
index 1ec03216367bf95ee998f3d36fd663b4bf1a0911..9ca67e7c8532a0c13a4591d56ebd0c46ffb40edf 100644
--- a/src/app/client/src/app/plugins/profile/components/submit-teacher-details/submit-teacher-details.component.scss
+++ b/src/app/client/src/app/plugins/profile/components/submit-teacher-details/submit-teacher-details.component.scss
@@ -3,7 +3,7 @@
:host{
.sb-md-container {
max-width: calculateRem(720px);
- width: calc(100% - calculateRem(32px));
+ width: calc(100% - 2rem);
background: var(--white);
margin: 0 auto;
border-radius: calculateRem(4px);
@@ -11,9 +11,7 @@
.teacher-header{
border-bottom: calculateRem(0.5px) solid var(--rc-979797);
}
- .teacher-buttons{
- // border-top: calculateRem(0.5px) solid var(--rc-979797);
- }
+
.is-invalid {
border-color: var(--red-400) !important;
}
diff --git a/src/app/client/src/assets/styles/components/_cbse.scss b/src/app/client/src/assets/styles/components/_cbse.scss
index 9e5e9db84c105c70206d4f3e2fb31c8712a84dd8..fc030d5d8771b3886a61206f24f060e448d155ec 100644
--- a/src/app/client/src/assets/styles/components/_cbse.scss
+++ b/src/app/client/src/assets/styles/components/_cbse.scss
@@ -151,7 +151,7 @@
// learning out come styles
&.sb-learning-outcome {
- height: calc(100% - calculateRem(44px));
+ height: calc(100% - 2.75rem);
.question-bg {
background-image: linear-gradient(-90deg, var(--secondary-100), var(--secondary-0));
diff --git a/src/app/client/src/assets/styles/components/_modal.scss b/src/app/client/src/assets/styles/components/_modal.scss
index f55db24b2af5140a2c2286c4f281c6d52ed8f6c9..91ae21f88dcde4c3de8519a0d81097948ec67d74 100644
--- a/src/app/client/src/assets/styles/components/_modal.scss
+++ b/src/app/client/src/assets/styles/components/_modal.scss
@@ -85,7 +85,7 @@
max-width: calculateRem(900px);
.sb-modal-content {
- height: calc(100vh - 200px);
+ height: calc(100vh - 12.5rem);
}
}
diff --git a/src/app/client/src/assets/styles/components/_topic-picker.scss b/src/app/client/src/assets/styles/components/_topic-picker.scss
index 923e40c8d944789efc7ea4b754e52809ab94cbaa..7ebff21e3a5098dff58112cc757184913be8a418 100644
--- a/src/app/client/src/assets/styles/components/_topic-picker.scss
+++ b/src/app/client/src/assets/styles/components/_topic-picker.scss
@@ -24,7 +24,7 @@
}
.sb-treePicker-selectedSection {
- width: calc(100% - calculateRem(400px));
+ width: calc(100% - 25rem);
padding: calculateRem(16px);
.list {
.node {
diff --git a/src/app/client/src/assets/styles/global.scss b/src/app/client/src/assets/styles/global.scss
index 93b8584d9cc2a363049549c3d9c172af74a58c88..710b5dcaa1ada20d713c337d210515a9235be092 100644
--- a/src/app/client/src/assets/styles/global.scss
+++ b/src/app/client/src/assets/styles/global.scss
@@ -46,7 +46,7 @@ body {
@include respond-above(sm) {
body {
.sb-mid-container-min-height {
- min-height: calc(100vh - calculateRem(288px));
+ min-height: calc(100vh - 18rem);
margin-bottom: -2rem !important;
}
}
@@ -241,8 +241,8 @@ app-workspace {
.sb-modal-addsummary {
.ck.ck-editor__editable_inline {
- min-height: calc(100vh - calculateRem(300px));
- max-height: calc(100vh - calculateRem(300px));
+ min-height: calc(100vh - 18.75rem);
+ max-height: calc(100vh - 18.75rem);
overflow: auto;
}
@@ -251,10 +251,6 @@ app-workspace {
top: 0;
}
- // .ck.ck-editor__main {
- // padding-top: calculateRem(76px);
- // }
-
ul {
list-style: disc;
}
@@ -383,7 +379,7 @@ app-workspace {
.sbt-page-content {
position: relative;
- min-height: calc(100vh - calculateRem(320px));
+ min-height: calc(100vh - 20rem);
}
.sbt-page-content-area {
@@ -519,12 +515,12 @@ app-workspace {
}
.new-footer {
- min-height: calc(100vh - calculateRem(296px));
+ min-height: calc(100vh - 18.5rem);
}
.footer-fix {
padding-bottom: calculateRem(160px);
- min-height: calc(100vh - calculateRem(100px));
+ min-height: calc(100vh - 6.25rem);
}
.sb-table-hover tbody tr.non-clickable-row:hover {
diff --git a/src/app/client/src/assets/styles/layout/_header.scss b/src/app/client/src/assets/styles/layout/_header.scss
index 1e67af4d291461873d772e8012868ef2b026a3b3..f79782e6f2788c99493247b16b6d259f4b6dafa9 100644
--- a/src/app/client/src/assets/styles/layout/_header.scss
+++ b/src/app/client/src/assets/styles/layout/_header.scss
@@ -109,7 +109,7 @@
.searchbox {
width: 100%;
@media only screen and (min-width: 1024px) {
- width: calc(100% - calculateRem(284px));
+ width: calc(100% - 17.75rem);
max-width: calculateRem(490px);
}
.ui.icon.button {
diff --git a/src/app/client/src/assets/styles/legacy.scss b/src/app/client/src/assets/styles/legacy.scss
index c249318bfc38ae3d383242c0b1be04ee9f6376fc..43c3f5d928d334fb9af572958d738a45bef80371 100644
--- a/src/app/client/src/assets/styles/legacy.scss
+++ b/src/app/client/src/assets/styles/legacy.scss
@@ -338,7 +338,7 @@ body ::-webkit-scrollbar {
height: calculateRem(5px);
}
.qq-upload-file {
- width: calc(100% - calculateRem(40px));
+ width: calc(100% - 2.5rem);
}
.qq-upload-list {
overflow-y: hidden;
diff --git a/src/app/client/src/assets/styles/pages/_sbt-filter.scss b/src/app/client/src/assets/styles/pages/_sbt-filter.scss
index 526630c329d05fb0bdf19ed0a9eaaa55d6f53738..a64bd25253e401bfbbfea0d541f44565936bd9de 100644
--- a/src/app/client/src/assets/styles/pages/_sbt-filter.scss
+++ b/src/app/client/src/assets/styles/pages/_sbt-filter.scss
@@ -279,11 +279,11 @@
&-scrollable {
position: relative;
overflow-y: auto;
- height: calc(100vh - calculateRem(95px));
+ height: calc(100vh - 5.938rem);
padding-bottom: calculateRem(8px);
@include respond-between(sm, md) {
- height: calc(100vh - calculateRem(280px));
+ height: calc(100vh - 17.5rem);
}
@include respond-above(md) {
diff --git a/src/app/client/src/assets/styles/pages/page-center-view.scss b/src/app/client/src/assets/styles/pages/page-center-view.scss
index f8a486cbc8aa01267c2a1315a82eba38043538ec..007b8dd20f58d2626ddeb3e4ec9dec80cd9de53a 100644
--- a/src/app/client/src/assets/styles/pages/page-center-view.scss
+++ b/src/app/client/src/assets/styles/pages/page-center-view.scss
@@ -18,8 +18,8 @@
align-items: center;
justify-content: space-between;
flex-direction: column;
- width:calc(100% - calculateRem(48px));
- height:calc(100vh - calculateRem(48px));
+ width:calc(100% - 3rem);
+ height:calc(100vh - 3rem);
overflow-y: auto;
text-align:center;
margin:0 auto;