Remove highlights/box while selecting person

nilenso · Feb 25, 2022 · 3d47770 · 3d47770
1 parent fb8fd7f
commit 3d47770
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/static/style.css b/static/style.css
@@ -219,3 +219,7 @@ html {
         width: 110px !important;
     }
 }
+
+.no_highlights {
+    -webkit-tap-highlight-color: transparent;
+}
diff --git a/templates/people.html b/templates/people.html
@@ -25,7 +25,7 @@ <h2 class="font-light text-xl leading-snug md:text-4xl lg:lg:text-[2.8rem] lg:le
                 {% set data = load_data(path="content/data/people.toml", format="toml") %}
                 {% for person in data.people %}
                     <div class="py-3">
-                        <button class="profile-img hover:opacity-100 person w-16 h-16 py-5 rounded-full bg-no-repeat opacity-40 bg-center {% if loop.index == 1 %} active-tab {% endif %} bg-no-repeat"
+                        <button class="profile-img hover:opacity-100 no_highlights person w-16 h-16 py-5 rounded-full bg-no-repeat opacity-40 bg-center {% if loop.index == 1 %} active-tab {% endif %} bg-no-repeat"
                              style="background-image: url(/{{ person.picture }}); background-size: 100px;"></button>
                     </div>
                 {% endfor %}