Always show type column in alert table

WikiEducationFoundation · Apr 25, 2018 · 3b80c59 · 3b80c59
1 parent 00daa26
commit 3b80c59
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/app/assets/javascripts/components/alerts/alert.jsx b/app/assets/javascripts/components/alerts/alert.jsx
@@ -6,7 +6,7 @@ const Alert = ({ alert }) => {
   return (
     <tr className="alert">
       <td className="desktop-only-tc date">{moment(alert.created_at).format('YYYY-MM-DD   h:mm A')}</td>
-      <td className="desktop-only-tc">{alert.type}</td>
+      <td className="alert-type">{alert.type}</td>
       <td className="desktop-only-tc"><a target="_blank" href={`/courses/${alert.course_slug}`}>{alert.course}</a></td>
       <td className="desktop-only-tc"><a target="_blank" href={`/users/${alert.user}`}>{alert.user}</a></td>
       <td><a target="_blank" href={alert.article_url}>{alert.article}</a></td>

diff --git a/app/assets/javascripts/components/alerts/alerts_list.jsx b/app/assets/javascripts/components/alerts/alerts_list.jsx
@@ -15,7 +15,6 @@ const AlertsList = ({ alerts, sortBy }) => {
     },
     type: {
       label: I18n.t('campaign.alert_type'),
-      desktop_only: true
     },
     course: {
       label: I18n.t('campaign.course'),

diff --git a/app/assets/stylesheets/modules/_tables.styl b/app/assets/stylesheets/modules/_tables.styl
@@ -39,6 +39,10 @@
         &:last-child
           border-right 1px solid #ddd
 
+        @media only screen and (max-width: 919px)
+          &.alert-type
+            border-left 1px solid #ddd
+
       // Table cell with links
       .table-link-cell
         padding 0px 0px