Always show type column in alert table

WikiEducationFoundation · Apr 25, 2018 · a7cb23f · a7cb23f
1 parent 00daa26
commit a7cb23f
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