Merge pull request #2726 from QuizandSurveyMaster/CU-86cx051y6-qsm-te…

…n-tabs-enhancements QSM 10 minor UI changes
QuizandSurveyMaster · Nov 28, 2024 · 5cdd366 · 5cdd366
2 parents 1407ed3 + a282c6c
commit 5cdd366
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 24 deletions.
diff --git a/css/qsm-admin.css b/css/qsm-admin.css
@@ -1020,12 +1020,15 @@ ul.changelog li.update div.two:before {
 	text-decoration: none;
 	box-shadow: none;
 }
-.qsm-upgrade-box .subsubsub li a.current,
 .qsm-sub-text-tab-menu .subsubsub li a.current,
 .qsm-sub-tab-menu .subsubsub li a.current{
 	border-bottom: 3px solid #2271B1;
 	color: #2271B1;
 }
+.qsm-upgrade-box .subsubsub li a.current {
+	border-bottom: 3px solid #1D4ED8;
+	color: #1D4ED8;
+}
 /* Popup */
 .qsm-popup {
 	font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
@@ -2095,6 +2098,7 @@ div.qsm-linked-list-inside span.qsm-unlink-the-question {
 	align-items: center;
 }
 .qsm-popup-upgrade .qsm-popup__container {
+	min-width: 600px;
 	max-width: 600px;
 	max-height: 90vh;
 }
@@ -2144,7 +2148,7 @@ div.qsm-linked-list-inside span.qsm-unlink-the-question {
     max-width: 100%;
     width: 671px;
 	background: #EFF6FF;
-	padding: 16px;
+	padding: 10px 16px;
 	border-radius: 6px;
 	box-sizing: border-box;
 }
@@ -2155,7 +2159,7 @@ div.qsm-linked-list-inside span.qsm-unlink-the-question {
 }
 .qsm-upgrade-box-base p {
 	font-weight: 500;
-	font-size: 14px;
+	font-size: 16px;
 	line-height: 20px;
 	color: #1E1E1E;
 	position: relative;
@@ -2164,31 +2168,34 @@ div.qsm-linked-list-inside span.qsm-unlink-the-question {
 }
 .qsm-upgrade-box-base a {
 	text-decoration: none;
-	color: #1E1E1E;
-	outline: none;
-	box-shadow: none;
+    color: #1E1E1E;
+    outline: none;
+    box-shadow: none;
+    font-size: 16px;
+    font-weight: 500;
 }
 .qsm-upgrade-box-base a span {
 	margin-left: 10px;
 }
-.qsm-upgrade-box-base a.button {
+.qsm-upgrade-box-base a.qsm-upgrade-button {
 	color: #fff;
-	box-shadow: 0px 0px 0px 4px #6366F1;
-	border: 2px solid #FFFFFF;
-	background: #1D4ED8;
-	font-size: 14px;
-	font-weight: 500;
-	line-height: 16px;
-	text-align: left;
-	text-decoration-skip-ink: none;
-	border-radius: 4px;
-	padding: 4px 8px;
-	position: relative;
-	left: 60px;
+    box-shadow: 0px 0px 0px 2px #6366F1;
+    border: 2px solid #FFFFFF;
+    background: #1D4ED8;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 16px;
+    text-decoration-skip-ink: none;
+    border-radius: 4px;
+    padding: 6px 10px;
+    position: relative;
+    left: 60px;
+    min-width: 80px;
+    text-align: center;
 }
 .qsm-upgrade-box-base img {
-	height: 16px;
-	width: 16px;
+	height: 23px;
+	width: 23px;
 }
 .qsm-upgrade-box .qsm-upgrade-list-item,
 .qsm-upgrade-box .qsm-upgrade-briefing,
@@ -2271,17 +2278,19 @@ div.qsm-linked-list-inside span.qsm-unlink-the-question {
 	margin: 10px 0 35px;
 	flex-wrap: nowrap;
 	align-items: center;
-	font-size: 14px;
+	font-size: 15px;
 }
 .qsm-upgrade-box .qsm-upgrade-read-icon a {
 	text-decoration: none;
-	font-weight: bold;
 	display: inline-flex;
 	flex-direction: row;
 	flex-wrap: nowrap;
 	align-content: center;
 	align-items: center;
 	margin: 2px 6px 0;
+	color: #1E1E1E;
+	line-height: 20px;
+	font-weight: 500;
 }
 .qsm-upgrade-box .qsm-upgrade-right-arrow {
 	font-size: 16px;

diff --git a/php/admin/functions.php b/php/admin/functions.php
@@ -1347,7 +1347,7 @@ function qsm_admin_upgrade_popup( $args = array(), $type = 'popup' ) {
 		<div class="qsm-upgrade-box-base-title">
 			<img src="<?php echo esc_url( QSM_PLUGIN_URL . 'php/images/info.png' ); ?>" alt="">
 			<p><?php echo esc_html( $args['title'] ) . __( ' is required.', 'quiz-master-next' ); ?></p>
-			<a href="<?php echo esc_url( $args['addon_link'] ); ?>" target="_blank" class="button button-small" rel="noopener"><?php esc_html_e( 'Purchase', 'quiz-master-next' ); ?></a>
+			<a href="<?php echo esc_url( $args['addon_link'] ); ?>" target="_blank" class="qsm-upgrade-button" rel="noopener"><?php esc_html_e( 'Purchase', 'quiz-master-next' ); ?></a>
 		</div>
 		<a href="#" id="qsm-upgrade-popup-opener" data-popup="<?php echo esc_attr( $args['id'] ); ?>"><?php esc_html_e( 'Details', 'quiz-master-next' ); ?><span class="dashicons dashicons-arrow-right-alt qsm-upgrade-right-arrow"></span></a>
 	</div>