Merge pull request #49 from web83info:feature-adminbar-item

Fix: Adjust CSS for adminbar.
web83info · Oct 26, 2023 · 51adca6 · 51adca6
2 parents 1cff29f + f60697c
commit 51adca6
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 3 deletions.
diff --git a/assets/show-current-width.css b/assets/show-current-width.css
@@ -9,22 +9,33 @@
   margin-left: 0.25rem;
 }
 #wpadminbar .ab-top-menu #wp-admin-bar-show-current-width-breakpoint > .ab-item .label {
+  line-height: inherit;
+  display: inline-block;
   margin-right: 0.25rem;
   font-weight: bold;
 }
 #wpadminbar .ab-top-menu #wp-admin-bar-show-current-width-breakpoint > .ab-item .breakpoint-wrap {
+  line-height: inherit;
+  display: inline-block;
   margin-left: 0.25rem;
   font-weight: bold;
 }
+#wpadminbar .ab-top-menu #wp-admin-bar-show-current-width-breakpoint > .ab-item .breakpoint-wrap .breakpoint {
+  line-height: inherit;
+  display: inline-block;
+}
 #wpadminbar .ab-top-menu [id^=wp-admin-bar-show-current-width-breakpoint-] .icon {
+  line-height: inherit;
   display: inline-block;
   width: 1rem;
 }
 #wpadminbar .ab-top-menu [id^=wp-admin-bar-show-current-width-breakpoint-] .name {
+  line-height: inherit;
   display: inline-block;
   width: 9rem;
 }
 #wpadminbar .ab-top-menu [id^=wp-admin-bar-show-current-width-breakpoint-] .range {
+  line-height: inherit;
   display: inline-block;
   width: 9rem;
 }

diff --git a/assets/show-current-width.css.map b/assets/show-current-width.css.map
diff --git a/assets/show-current-width.min.css b/assets/show-current-width.min.css
diff --git a/assets/show-current-width.min.css.map b/assets/show-current-width.min.css.map
diff --git a/assets/show-current-width.scss b/assets/show-current-width.scss
@@ -38,26 +38,36 @@
 		#wp-admin-bar-show-current-width-breakpoint {
 			> .ab-item {
 				.label {
+					line-height: inherit;
+					display: inline-block;
 					margin-right: .25rem;
 					font-weight: bold;
 				}
 				.breakpoint-wrap {
+					line-height: inherit;
+					display: inline-block;
 					margin-left: .25rem;
 					font-weight: bold;
-					// .breakpoint {}
+					.breakpoint {
+						line-height: inherit;
+						display: inline-block;
+					}
 				}
 			}
 		}
 		[id ^= "wp-admin-bar-show-current-width-breakpoint-"] {
 			.icon {
+				line-height: inherit;
 				display: inline-block;
 				width: 1rem;
 			}
 			.name {
+				line-height: inherit;
 				display: inline-block;
 				width: 9rem;
 			}
 			.range {
+				line-height: inherit;
 				display: inline-block;
 				width: 9rem;
 			}