Hide the inbox?

[david_knight]

Is it possible to hide the inbox icon in the left navigation toolbar? possible CSS?

[kona]

 @david_knight , here’s the link I found to a semi-related question - Turn off inbox messaging or get it forwarded. Yet, as I was thinking about this, I think I remember that there is also the option at the Admin level (with some CSM help) to completely turn off the Inbox. You might want to contact your CSM for more information on this. 

In addition, due to the technical nature of this question I’m going to share it with the Canvas Developers‌ group in the Community. They are the ones who really work with CSS and should be able to help. 

Kona

[david_knight · Accepted solution]

Hi Kona,

Thank you for your response.

This has already been resolved by uploading custom CSS.

David

[kona]

Glad you resolved the issue!

[kunal_ashar]

Hi  @david_knight ‌, do you know of a place or resource where I could look at a custom CSS that hides the Inbox?
Thanks in advance,
Kunal

[david_knight]

Hi  @kunal_ashar ‌, you will need to upload a custom CSS file with:

#global_nav_conversations_link {
display: none;
}

Regards,

David

[martin_kabat]

Hi,

Is there a way to hide the inbox on the mobile app?

Thank you

[rseilham]

@martin_kabat, 

There is no way to modify or remove tabs from the bottom navigation of the app. 

[RichC]

When Canvas is accessed from a mobile browser, you need to use different CSS to hide the inbox as it is in a responsive menu. You will need to add this CSS:

a[href="/inbox"] {
display: none;
}

[WolseyHallSupp]

I removed the delete button with the below JS script; however, is there a way to do the same with the Canvas App? Thanks

// Remove DELETE button Icon and from the MENU
document.addEventListener('DOMContentLoaded', function() {

function hideDeleteElements() {
var deleteButton = document.querySelector('[aria-label="Delete"]');
if (deleteButton) {
deleteButton.style.display = 'none';
}

var menuItems = document.querySelectorAll('[role="menuitem"]');
menuItems.forEach(function(item) {
var itemLabel = item.querySelector('.css-oqi6mv-menuItem__label');
if (itemLabel && itemLabel.textContent.trim() === 'Delete') {
item.style.display = 'none';
}
});
}

hideDeleteElements();

var observer = new MutationObserver(function(mutationsList, observer) {
for (var mutation of mutationsList) {
if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
hideDeleteElements();
}
}
});

observer.observe(document.body, { childList: true, subtree: true });
});
// END script to remove DELETE button Icon and from the MENU