lbry-desktop/ui/scss/component/notifications-blocked.scss

.notificationsBlocked {
  display: flex;
  align-items: center;
  background-color: rgba(var(--color-primary-dynamic), 0.06);
  padding: var(--spacing-m);
  border-radius: var(--border-radius);
  border: 1px solid var(--color-primary);
}

.notificationsBlocked__icon {
  flex-shrink: 0;
  margin-right: var(--spacing-m);
}

.notificationsBlocked__subText {
  display: inline-block;
  color: var(--color-text-subtitle);
  font-size: var(--font-small);
}

.notificationsBlocked__subTextList {
  li {
    margin-left: var(--spacing-m);
  }
}
Browser push notifications (#133) * fix type error fix is subscribed check - Persist subscription data locally - add / remove subscription during log in / out - Use store directly in hook Add toast error if subscription fails Revert removal of v2 hotfix linting issue Add custom notification handler - fix isSupported flag - make icon color compatible with light/dark theme - fix icon on notifications blocked banner wip: add push notification banner to notifications page. - ignore failed deletions via internal API - add ua parsing package - add more robust meta data to token save refactor naming + add push toggle to notification button shift some code around update css naming o proper BEM notation update notifications UI remove now unneeded util function Update push notification system to sue firebase sdk separate service worker webpack bundling update service worker to use firebase sdk Add firebase config Add firebase and remove filemanager Stub out the basics for browser push notifications. * fix safari * try smaller image for badge * add token validation with server, refactor code * remove param * add special icon for web notification badge * add translations * add missing trans for toast error * add pushRequest method that will not prompt users who have subscribed but since disabled notifications in the settings. 2021-10-27 16:38:10 +02:00			`.notificationsBlocked {`
			`display: flex;`
			`align-items: center;`
MAKE ODYSEE EVEN MORE BEAUTIFUL (#539) WE LOVE YOU RAPHAEL FOR MAKING THIS HAPPEN! 2022-02-11 19:50:55 +01:00			`background-color: rgba(var(--color-primary-dynamic), 0.06);`
Browser push notifications (#133) * fix type error fix is subscribed check - Persist subscription data locally - add / remove subscription during log in / out - Use store directly in hook Add toast error if subscription fails Revert removal of v2 hotfix linting issue Add custom notification handler - fix isSupported flag - make icon color compatible with light/dark theme - fix icon on notifications blocked banner wip: add push notification banner to notifications page. - ignore failed deletions via internal API - add ua parsing package - add more robust meta data to token save refactor naming + add push toggle to notification button shift some code around update css naming o proper BEM notation update notifications UI remove now unneeded util function Update push notification system to sue firebase sdk separate service worker webpack bundling update service worker to use firebase sdk Add firebase config Add firebase and remove filemanager Stub out the basics for browser push notifications. * fix safari * try smaller image for badge * add token validation with server, refactor code * remove param * add special icon for web notification badge * add translations * add missing trans for toast error * add pushRequest method that will not prompt users who have subscribed but since disabled notifications in the settings. 2021-10-27 16:38:10 +02:00			`padding: var(--spacing-m);`
MAKE ODYSEE EVEN MORE BEAUTIFUL (#539) WE LOVE YOU RAPHAEL FOR MAKING THIS HAPPEN! 2022-02-11 19:50:55 +01:00			`border-radius: var(--border-radius);`
			`border: 1px solid var(--color-primary);`
Browser push notifications (#133) * fix type error fix is subscribed check - Persist subscription data locally - add / remove subscription during log in / out - Use store directly in hook Add toast error if subscription fails Revert removal of v2 hotfix linting issue Add custom notification handler - fix isSupported flag - make icon color compatible with light/dark theme - fix icon on notifications blocked banner wip: add push notification banner to notifications page. - ignore failed deletions via internal API - add ua parsing package - add more robust meta data to token save refactor naming + add push toggle to notification button shift some code around update css naming o proper BEM notation update notifications UI remove now unneeded util function Update push notification system to sue firebase sdk separate service worker webpack bundling update service worker to use firebase sdk Add firebase config Add firebase and remove filemanager Stub out the basics for browser push notifications. * fix safari * try smaller image for badge * add token validation with server, refactor code * remove param * add special icon for web notification badge * add translations * add missing trans for toast error * add pushRequest method that will not prompt users who have subscribed but since disabled notifications in the settings. 2021-10-27 16:38:10 +02:00			`}`

			`.notificationsBlocked__icon {`
			`flex-shrink: 0;`
			`margin-right: var(--spacing-m);`
			`}`

			`.notificationsBlocked__subText {`
			`display: inline-block;`
			`color: var(--color-text-subtitle);`
			`font-size: var(--font-small);`
			`}`
Add hints if an error occurs subscribing to notifications (#143) * Add hints if an error occurs subscribing to notifications * Update import (type/linting issue) * disable optimization for debugging * Revert "disable optimization for debugging" This reverts commit 5b837f94e97b7488a7dc565e7f74d399e19c286f. * improve detection of notification support + improve ux / ui surrounding that * update translations 2021-11-01 19:51:23 +01:00
			`.notificationsBlocked__subTextList {`
			`li {`
			`margin-left: var(--spacing-m);`
			`}`
			`}`