zregvart commented on a change in pull request #368:
URL: https://github.com/apache/camel-website/pull/368#discussion_r429269927



##########
File path: antora-ui-camel/src/css/doc.css
##########
@@ -667,3 +667,36 @@ table.tableblock thead {
   background: var(--color-smoke-90);
   font-weight: var(--body-font-weight-bold);
 }
+
+/* Status badges used in Camel Quarkus extension pages */
+div.badges p {
+  text-align: right;
+}
+
+div.badges span {
+  color: var(--color-white);
+  padding: 2px 6px 2px 6px;
+  font-weight: normal;
+  font-style: normal;
+  font-size: 0.8em;

Review comment:
       ```suggestion
     font-size: 0.8rem;
   ```

##########
File path: antora-ui-camel/src/css/doc.css
##########
@@ -667,3 +667,36 @@ table.tableblock thead {
   background: var(--color-smoke-90);
   font-weight: var(--body-font-weight-bold);
 }
+
+/* Status badges used in Camel Quarkus extension pages */
+div.badges p {
+  text-align: right;
+}
+
+div.badges span {
+  color: var(--color-white);
+  padding: 2px 6px 2px 6px;

Review comment:
       Prefer using relative values, e.g. `rem`, test by changing the base font 
size to see if the proportions work. This is to help folk that configure their 
browsers with larger/smaller default text sizes. This works for almost any 
usage, though sometimes using `px` makes sense, like for borders.




----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org


Reply via email to