Added - css

wpeverest · Sep 6, 2024 · aa6c199 · aa6c199
1 parent a6e39ee
commit aa6c199
Showing 1 changed file with 41 additions and 85 deletions.
diff --git a/assets/css/admin.scss b/assets/css/admin.scss
@@ -9269,13 +9269,20 @@
 				 align-items: center;
 				 margin-bottom: 10px;
 
+				 @media screen and (max-width: 1260px) {
+					flex-direction: column;
+					gap: 8px;
+					align-items: flex-start;
+				   }
+
 				 label {
 					 flex: 1;
 					 font-weight: bold;
 				 }
 
 				 &--field {
 					 flex: 2;
+					 width: 100%;
 				 }
 				 .evf-restapi-key {
 					 width: 530px !important;
@@ -9358,6 +9365,10 @@
 			 max-width: 100%;
 			 transition: all 0.3s;
 
+			 @media screen and (max-width: 1300px) {
+				width: 220px;
+			   }
+
 			 &--top {
 				 text-align: center;
 				 padding-bottom: 30px;
@@ -9731,9 +9742,14 @@
 							 .everest-forms-recaptcha-type {
 								 margin: 0;
 								 display: flex;
+								 flex-wrap: wrap;
 								 align-items: center;
 								 gap: 24px;
 
+								 @media screen and (max-width: 1260px) {
+									gap: 16px;
+								   }
+
 								 li {
 									 margin-bottom: 0;
 
@@ -10049,97 +10065,18 @@
 
 		 &-premium {
 			 &-sidebar {
-				 width: 300px;
-				 max-width: 100%;
-				 padding: 18px 10px 26px 10px;
-				 transition: all 0.3s;
+				//  width: 300px;
+				//  max-width: 100%;
+				//  padding: 18px 10px 26px 10px;
+				//  transition: all 0.3s;
 
 				 h2 {
 					 color: #222222;
-					 font-size: 18px;
-					 font-weight: 600;
-					 line-height: 140%;
-					 margin: 0;
-					 padding-bottom: 16px;
-					 margin-bottom: 20px;
-					 border-bottom: 1px solid #eee8f7;
-				 }
-
-				 p {
-					 margin: 0;
-					 color: #383838;
-					 font-size: 15px;
-					 font-style: normal;
-					 font-weight: 400;
-					 line-height: 24px;
-				 }
-
-				 h3 {
-					 color: #383838;
-					 font-size: 16px;
-					 font-weight: 600;
-					 line-height: 24px;
-					 margin-top: 20px;
-					 margin-bottom: 12px;
-				 }
-
-				 ul {
-					 margin: 0;
-					 margin-bottom: 16px;
-					 display: flex;
-					 flex-direction: column;
-					 gap: 12px;
-
-					 li {
-						 color: #383838;
-						 font-size: 15px;
-						 font-weight: 400;
-						 line-height: 23px;
-						 margin-bottom: 0;
-						 padding-left: 26px;
-						 position: relative;
-
-						 &::before {
-							 content: "";
-							 background-image: url("../images/icons/premium-list-check-icon.svg");
-							 background-repeat: no-repeat;
-							 background-position: center;
-							 background-size: 100%;
-							 width: 18px;
-							 height: 18px;
-							 position: absolute;
-							 left: 0;
-							 top: 2px;
-						 }
-					 }
-				 }
-
-				 a {
-					 border-radius: 3px;
-					 border: 1px solid #7545bb;
-					 background: #7545bb;
-					 padding: 10px 16px;
-					 display: block;
-					 color: #ffffff;
-					 font-size: 14px;
-					 font-style: normal;
-					 font-weight: 500;
-					 line-height: 24px;
-					 text-decoration: none;
-					 letter-spacing: 0.05px;
-					 width: max-content;
-					 margin: 20px 0;
-					 transition: all 0.3s;
-
-					 &:hover {
-						 background: #9159e3;
-						 border-color: #9159e3;
-					 }
 				 }
 
 				 &.everest-forms-hidden {
-					 margin-right: -325px;
-					 display: unset;
+					//  margin-right: -325px;
+					//  display: unset;
 				 }
 			 }
 		 }
@@ -10223,6 +10160,25 @@
 	 }
  }
 
+ body {
+	&.evf-premium-sidebar-hidden {
+		.everest-forms-settings-premium-sidebar {
+			margin-right: -885px;
+			display: unset;
+		}
+	}
+
+	&.evf-premium-sidebar-show {
+		.everest-forms-settings-premium-sidebar {
+			display: block;
+			width: 300px;
+			max-width: 100%;
+			padding: 18px 10px 26px 10px;
+			transition: all .3s;
+		}
+	}
+}
+
  #everest-forms-dashboard {
 	 background-color: #FAFAFC;
  }