From 793719a50d2ffb5197b43ef0545c26e32acdec92 Mon Sep 17 00:00:00 2001
From: Cirno the Strongest <1447794+CirnoT@users.noreply.github.com>
Date: Tue, 26 May 2020 05:49:53 +0200
Subject: [PATCH] Fix missing styling for shabox on PR commit history (#11625)

---
 web_src/less/_repository.less | 132 +++++++++++++++++-----------------
 1 file changed, 67 insertions(+), 65 deletions(-)

diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index f04ce05a91..69e3433eef 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -811,8 +811,73 @@
                     padding-left: 15px;
                     padding-top: 0;
 
-                    .singular-commit:not(:last-child) {
-                        padding-bottom: 3px;
+                    .singular-commit {
+                        &:not(:last-child) {
+                            padding-bottom: 3px;
+                        }
+
+                        .shabox {
+                            .sha.label {
+                                margin: 0;
+                                border: 1px solid #bbbbbb;
+
+                                &.isSigned.isWarning {
+                                    border: 1px solid #db2828;
+                                    background: fade(#db2828, 10%);
+
+                                    .shortsha {
+                                        display: inline-block;
+                                        padding-top: 1px;
+                                    }
+
+                                    &:hover {
+                                        background: fade(#db2828, 30%) !important;
+                                    }
+                                }
+
+                                &.isSigned.isVerified {
+                                    border: 1px solid #21ba45;
+                                    background: fade(#21ba45, 10%);
+
+                                    .shortsha {
+                                        display: inline-block;
+                                        padding-top: 1px;
+                                    }
+
+                                    &:hover {
+                                        background: fade(#21ba45, 30%) !important;
+                                    }
+                                }
+
+                                &.isSigned.isVerifiedUntrusted {
+                                    border: 1px solid #fbbd08;
+                                    background: fade(#fbbd08, 10%);
+
+                                    .shortsha {
+                                        display: inline-block;
+                                        padding-top: 1px;
+                                    }
+
+                                    &:hover {
+                                        background: fade(#fbbd08, 30%) !important;
+                                    }
+                                }
+
+                                &.isSigned.isVerifiedUnmatched {
+                                    border: 1px solid #f2711c;
+                                    background: fade(#f2711c, 10%);
+
+                                    .shortsha {
+                                        display: inline-block;
+                                        padding-top: 1px;
+                                    }
+
+                                    &:hover {
+                                        background: fade(#f2711c, 30%) !important;
+                                    }
+                                }
+                            }
+                        }
                     }
                 }
 
@@ -1070,69 +1135,6 @@
                     }
                 }
 
-                & > .shabox {
-                    .sha.label {
-                        margin: 0;
-                        border: 1px solid #bbbbbb;
-
-                        &.isSigned.isWarning {
-                            border: 1px solid #db2828;
-                            background: fade(#db2828, 10%);
-
-                            .shortsha {
-                                display: inline-block;
-                                padding-top: 1px;
-                            }
-
-                            &:hover {
-                                background: fade(#db2828, 30%) !important;
-                            }
-                        }
-
-                        &.isSigned.isVerified {
-                            border: 1px solid #21ba45;
-                            background: fade(#21ba45, 10%);
-
-                            .shortsha {
-                                display: inline-block;
-                                padding-top: 1px;
-                            }
-
-                            &:hover {
-                                background: fade(#21ba45, 30%) !important;
-                            }
-                        }
-
-                        &.isSigned.isVerifiedUntrusted {
-                            border: 1px solid #fbbd08;
-                            background: fade(#fbbd08, 10%);
-
-                            .shortsha {
-                                display: inline-block;
-                                padding-top: 1px;
-                            }
-
-                            &:hover {
-                                background: fade(#fbbd08, 30%) !important;
-                            }
-                        }
-
-                        &.isSigned.isVerifiedUnmatched {
-                            border: 1px solid #f2711c;
-                            background: fade(#f2711c, 10%);
-
-                            .shortsha {
-                                display: inline-block;
-                                padding-top: 1px;
-                            }
-
-                            &:hover {
-                                background: fade(#f2711c, 30%) !important;
-                            }
-                        }
-                    }
-                }
-
                 .detail {
                     font-size: .9rem;
                     margin-top: 5px;