Merge pull request #148 from pre-commit-ci/status-css

properly display status icons on lite-status

Author: asottile

bin/make-page

@@ -130,9 +130,9 @@ class Renderer(markdown_code_blocks.CodeRenderer):
         elif info == 'address':
             return _render_address(code)
         elif info is not None and info.startswith('status '):
-            _, status = info.split()
+            _, status_id, status_class = info.split()
             return (
-                f'<div class="status" id="{status}">'
+                f'<div class="status {status_class}" id="{status_id}">'
                 f'  <div class="container run"></div>'
                 f'  <div class="container bg-light text-dark py-5">'
                 f'    {md(code)}'

content/lite_status.md

@@ -1,30 +1,30 @@
-```status status-running
+```status status-running status-running
 **pre-commit.ci lite is currently applying the change...**
 ```
 
-```status status-done
+```status status-done status-done
 **pre-commit.ci lite successfully applied the change to the pull request!**
 ```
 
-```status status-push-failed-protection
+```status status-push-failed-protection status-failed
 **pre-commit.ci lite was unable to push due to branch protection rules**
 ```
 
-```status status-push-failed-organization
+```status status-push-failed-organization status-failed
 **pre-commit.ci lite was unable to push -- permission was denied --
 perhaps the pr was made from an organization?**
 ```
 
-```status status-push-failed-permission
+```status status-push-failed-permission status-failed
 **pre-commit.ci lite was unable to push -- permission was denied --
 perhaps the "Allow edits by maintainers" box was unchecked?**
 ```
 
-```status status-push-failed-workflow
+```status status-push-failed-workflow status-failed
 **GitHub prevented pre-commit.ci lite from pushing to this pr due to
 changes to a workflow file (.github/workflows/...)**
 ```
 
-```status status-push-failed
+```status status-push-failed status-failed
 **pre-commit.ci lite was unable to push to the branch -- branch missing?**
 ```

tmpl/lite_status.html.tmpl

@@ -82,29 +82,29 @@
         font-weight: bold;
     }
 
-    #status-done .run {
+    .status-done .run {
         color: #33a310;
         background-color: #33a310;
     }
-    #status-done .run::after {
+    .status-done .run::after {
         content: '✓';
         border-color: #33a310;
     }
 
-    #status-push-failed .run {
+    .status-failed .run {
         color: #c40e0e;
         background-color: #c40e0e;
     }
-    #status-push-failed .run::after {
+    .status-failed .run::after {
         content: '✗';
         border-color: #c40e0e;
     }
 
-    #status-running .run {
+    .status-running .run {
         color: #e8cb25;
         background-color: #e8cb25;
     }
-    #status-running .run::after {
+    .status-running .run::after {
         content: '⋯';
         border-color: #e8cb25;
     }