slim_mode for JSX elements to hide/show depending on responsive rules

src/js/services/ui/actions.js

@@ -30,6 +30,13 @@ export function showContextMenu(data){
     }
 }
 
+export function setSlimMode(slim_mode){
+    return {
+        type: 'SET_SLIM_MODE',
+        slim_mode: slim_mode
+    }
+}
+
 export function hideContextMenu(){
     return {
         type: 'HIDE_CONTEXT_MENU'

src/js/services/ui/reducer.js

@@ -7,6 +7,9 @@ export default function reducer(ui = {}, action){
         case 'LAZY_LOADING':
             return Object.assign({}, ui, { lazy_loading: action.start });
 
+        case 'SET_SLIM_MODE':
+            return Object.assign({}, ui, { slim_mode: action.slim_mode });
+
         case 'DEBUG':
             return Object.assign({}, ui, { debug_response: action.response })