Display new icon in option page

2017-12-27 20:44:26 +09:00 · 2017-12-27 20:44:26 +09:00 · bbea16120c
parent b81b13c23c
commit bbea16120c
1 changed files with 11 additions and 0 deletions
--- a/simple-translate/options/options.css
+++ b/simple-translate/options/options.css
@ -5,6 +5,7 @@
    --button: #d7d7db;
    --highlight: #5595ff;
    --main-bg: #ffffff;
+    --new: #ff4f4f;
 }

 body {
@ -148,6 +149,16 @@ hr {
    flex: 1;
 }

+.new p:nth-child(1)::after {
+    content: "New";
+    color: var(--new);
+    font-size: 14px;
+    border: 1px solid var(--new);
+    border-radius: 2px;
+    padding: 0px 5px;
+    margin-left: 5px;
+}
+
 .optionForm {
    flex-basis: 150px;
    display: flex;