Skip to content
Permalink
Browse files

cosmetic tweaks to dialog icon

  • Loading branch information...
biovisualize committed May 22, 2019
1 parent 79ef208 commit 9251f3c80161a9c7bbd379996c9ac1674eba9b1f
Showing with 22 additions and 9 deletions.
  1. +6 −4 dist/omnisci-ui.css
  2. +1 −1 dist/omnisci-ui.js
  3. +7 −2 src/components/dialog/Dialog.tsx
  4. +6 −0 src/components/dialog/dialog.scss
  5. +2 −2 tsconfig.json
@@ -145,8 +145,8 @@ svg.mdc-button__icon {

.mdc-button--outlined {
border-style: solid;
padding: 0 15px 0 15px;
border-width: 1px; }
padding: 0 14px 0 14px;
border-width: 2px; }
.mdc-button--outlined:disabled {
border-color: rgba(0, 0, 0, 0.37); }
.mdc-button--outlined:not(:disabled) {
@@ -3880,6 +3880,8 @@ a.mdc-list-item {
width: 40px;
height: 40px;
padding: 8px; }
.mdc-dialog .mdc-dialog__container .mdc-dialog__title .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before, .mdc-dialog .mdc-dialog__container .mdc-dialog__title .mdc-icon-button:not(.mdc-ripple-upgraded):focus::after {
opacity: 0; }

.mdc-dialog .mdc-dialog__container .mdc-dialog__title + .mdc-dialog__content {
padding-top: 16px;
@@ -4094,8 +4096,8 @@ svg.mdc-button__icon {

.mdc-button--outlined {
border-style: solid;
padding: 0 15px 0 15px;
border-width: 1px; }
padding: 0 14px 0 14px;
border-width: 2px; }
.mdc-button--outlined:disabled {
border-color: rgba(0, 0, 0, 0.37); }
.mdc-button--outlined:not(:disabled) {

Some generated files are not rendered by default. Learn more.

@@ -46,10 +46,15 @@ export const SimpleDangerDialog: FunctionComponent<ISimpleDialogProps> = ({
const handleCancel = () => onClose("cancel")

return (
<Dialog className="danger" open={open} onOpen={onOpen}>
<Dialog
className="danger"
open={open}
onOpen={onOpen}
preventOutsideDismiss={true}
>
<DialogTitle>
{title}
<IconButton icon="close" onClick={onClose} />
<IconButton icon="close" onClick={onClose} ripple={false} />
</DialogTitle>
<DialogContent>
<Icon icon="warning_outline" />
@@ -20,6 +20,12 @@
height: 40px;
padding: 8px;
}

.mdc-icon-button:not(.mdc-ripple-upgraded):focus {
&::before, &::after {
opacity: 0;
}
}
}

.mdc-dialog__title + .mdc-dialog__content {
@@ -10,8 +10,8 @@
"module": "commonjs",
"target": "es2016",
"moduleResolution": "node",
"noUnusedLocals": true,
"noUnusedParameters": true,
"noUnusedLocals": false,
"noUnusedParameters": false,
"pretty": true,
"skipLibCheck": true,
"sourceMap": true

0 comments on commit 9251f3c

Please sign in to comment.
You can’t perform that action at this time.