-
Notifications
You must be signed in to change notification settings - Fork 6
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
design - change style for alerts #3273
design - change style for alerts #3273
Conversation
* Do not use text classes for the non-text icon. * Use the non-filled icons as in most v1 components. * Inherit the color used for the alert to improve contrast.
You can access the deployment of this PR at https://renku-ci-ui-3273.dev.renku.ch |
client/src/components/Alert.jsx
Outdated
@@ -84,11 +84,12 @@ class RenkuAlert extends Component { | |||
} | |||
|
|||
getIcon() { | |||
const iconSize = 32; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Define a constant for this.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done in ee9a172
Opinion: I would use a rounded exclamation mark icon instead. |
* limitations under the License. | ||
*/ | ||
|
||
export const iconSize = 32; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
export const iconSize = 32; | |
export const ALERT_ICON_SIZE = 32; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ouch, I was a little sloppy 😅
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🙌 🚀
Tearing down the temporary RenkuLab deplyoment for this PR. |
New style for alerts 💅
/deploy #notest