feat: ✨ improve autocomplete input + file list signed mark

4 months ago · 2b6301ca1e
parent 3c2d91c135
commit 2b6301ca1e
4 changed files with 50 additions and 6562 deletions
--- a/src/options/locale/locale_en-US.ini
+++ b/src/options/locale/locale_en-US.ini
--- a/src/options/locale/locale_es-ES.ini
+++ b/src/options/locale/locale_es-ES.ini
--- a/src/themes/scss/theme/index.scss
+++ b/src/themes/scss/theme/index.scss
@ -278,6 +278,15 @@
            filter: invert(100%) hue-rotate(180deg);
        }
    }
+    
+    @media (prefers-color-scheme: dark) {
+        input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, input:-webkit-autofill:active, .ui.form .field.field input:-webkit-autofill, .ui.form .field.field input:-webkit-autofill:focus, .ui.form .field.field input:-webkit-autofill:hover, .ui.form .field.field input:-webkit-autofill:active {
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: var(--color-secondary);
+            box-shadow: 0 0 0 100px var(--color-primary-light-3) inset !important;
+            border-color: var(--color-primary-light-3) !important;
+        }        
+    }

    .ui.ui.ui.button:not(.inverted, .basic),
    .ui.ui.ui.label:not(.inverted, .basic) {
--- a/src/themes/scss/theme/modules/custom/repo/_file-list.scss
+++ b/src/themes/scss/theme/modules/custom/repo/_file-list.scss
@ -148,6 +148,47 @@
            display: flex;
            flex-direction: column;
            row-gap: var.get('measure/1x');
+            flex: 1;
+        }
+
+        #repo-files-table {
+            .commit-list {
+                .latest-commit {
+                    gap: var.get('measure/.5x');
+                }
+
+                .isSigned, .isVerified {
+                    padding: 0 !important;
+                    border: none !important;
+                    .shortsha {
+                        display: none;
+                    }
+
+                    .detail {
+                        border-left: none !important;
+                        padding: 0 !important;
+                        margin: 0 !important;
+
+                        div {
+                            display: block;
+                            padding: 0 !important;
+                            margin: 0 !important;
+
+                            svg {
+                                margin: 0 !important;
+                            }
+                        }
+                    }
+
+                    .avatar {
+                        display: none;
+                    }
+                }
+
+                .commit-summary {
+                    color: var(--color-text-light-2) !important
+                }
+            }
        }

        #topic_edit {