Skip to content

Instantly share code, notes, and snippets.

@BeSublime
Created February 26, 2020 16:45
Show Gist options
  • Select an option

  • Save BeSublime/737447a7b8f1e2d9f4782db933f6abe9 to your computer and use it in GitHub Desktop.

Select an option

Save BeSublime/737447a7b8f1e2d9f4782db933f6abe9 to your computer and use it in GitHub Desktop.
SFCC Business Manager compact welcome page styles for Stylus/Stylish
/* Apply to URLs matching the regexp: https:\/\/(dev\d\d|development|staging)(-|\.).+Sites-Site.*
* Plz use Stylus instead of Stylish: http://j.mp/stylish-opinion
*/
/* hide space hogs so favorites can move up */
.notification_empty,
.notification_line,
table.bm-welcome-page {
display: none;
}
.notification_heading {
margin-top: 0;
}
/* optimize the favorites list to fit more items */
ul.fav_list li {
width: 130px;
height: 120px;
}
ul.notification_list li {
width: 160px;
height: 160px;
}
ul.notification_list li div.content,
ul.fav_list li div.content {
margin: 6px 0;
}
ul.fav_list li .content .fav_description {
display: none;
}
/* hide all modals ✌️ */
._pendo-step-container {
display: none;
}
.notification_heading,
.notification_container,
.notification_title,
.notification_description,
.notification_bell {
display: inline;
margin-left: 10px;
}
/* minimize the Alerts area */
ul.notification_list li {
float: none;
width: auto;
height: auto;
}
ul.notification_list li div.content {
margin: 0;
padding: 10px 0;
}
.notification_bell:before {
font-size: 1.6em;
}
.notification_description {
margin-right: 10px;
}
.notification_description + div {
margin: 0 !important;
}
@BeSublime
Copy link
Author

Style preview:
compact business manager

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment