Show check's code instead of full URL on 992px - 1200px wide screens. Fixes #253

CHANGELOG.md

@@ -8,6 +8,7 @@ All notable changes to this project will be documented in this file.
 - Show check counts in JSON "badges" (#251)
 - Webhooks support HTTP PUT (#249)
 - Webhooks can use different req. bodies and headers for "up" and "down" events. (#249)
+- Show check's code instead of full URL on 992px - 1200px wide screens. (#253)
 
 ### Bug Fixes
 - Fix badges for tags containing special characters (#240, #237)

templates/front/my_checks_desktop.html

@@ -21,7 +21,10 @@
             </a>
             {% endif %}
         </th>
-        <th class="hidden-xs hidden-sm">Ping URL</th>
+        <th class="hidden-xs hidden-sm">
+            <span class="visible-lg">Ping URL</span>
+            <span class="visible-md">Code</span>
+        </th>
         <th class="th-integrations hidden-xs">Integrations</th>
         <th class="th-period hidden-xs">
             Period <br />
@@ -68,7 +71,7 @@
         </td>
         <td class="url-cell hidden-xs hidden-sm">
             <span class="my-checks-url">
-                <span class="base">{{ ping_endpoint }}</span>{{ check.code }}
+                <span class="base hidden-md">{{ ping_endpoint }}</span>{{ check.code }}
             </span>
             <button
                 class="copy-link hidden-sm"