-
-
Notifications
You must be signed in to change notification settings - Fork 44
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
12 changed files
with
444 additions
and
407 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
7 changes: 7 additions & 0 deletions
7
src/main/java/org/dominokit/domino/ui/dialogs/MessageDialogStyles.java
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| package org.dominokit.domino.ui.dialogs; | ||
|
|
||
| public class MessageDialogStyles { | ||
| public static final String MESSAGE_DIALOG = "message-dialog"; | ||
| public static final String DIALOG_BUTTON = "dialog-button"; | ||
| public static final String MESSAGE_ICON = "message-icon"; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
19 changes: 19 additions & 0 deletions
19
src/main/java/org/dominokit/domino/ui/modals/ModalStyles.java
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| package org.dominokit.domino.ui.modals; | ||
|
|
||
| public class ModalStyles { | ||
| public static final String MODAL_OPEN = "modal-open"; | ||
|
|
||
| public static final String MODAL_LG = "modal-lg"; | ||
| public static final String MODAL_ALERT = "modal-alert"; | ||
| public static final String MODAL_SM = "modal-sm"; | ||
|
|
||
| public static final String BOTTOM_SHEET = "bottom-sheet"; | ||
| public static final String TOP_SHEET = "top-sheet"; | ||
| public static final String LEFT_SHEET = "left-sheet"; | ||
| public static final String RIGHT_SHEET = "right-sheet"; | ||
|
|
||
| public static final String MODAL_BACKDROP = "modal-backdrop"; | ||
| public static final String FADE = "fade"; | ||
| public static final String IN = "in"; | ||
| public static final String PICKER_MODAL = "picker-modal"; | ||
| } |
147 changes: 9 additions & 138 deletions
147
src/main/java/org/dominokit/domino/ui/public/css/dialogs/dialogs.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,145 +1,16 @@ | ||
| .message-dialog .modal-content, | ||
| .message-dialog .modal-footer { | ||
| text-align: center; | ||
| } | ||
|
|
||
| .message-dialog .dialog-button{ | ||
| min-width: 120px; | ||
| } | ||
|
|
||
| .message-icon { | ||
| margin-bottom: 15px; | ||
| font-size: 72px; | ||
| border-radius: 50%; | ||
| height: 78px; | ||
| width: 78px; | ||
| } | ||
|
|
||
|
|
||
| .modal-open { | ||
| overflow: hidden; | ||
| } | ||
| .modal { | ||
| position: fixed; | ||
| /*top: 0;*/ | ||
| /*right: 0;*/ | ||
| /*bottom: 0;*/ | ||
| /*left: 0;*/ | ||
| z-index: 1050; | ||
| display: none; | ||
| overflow: hidden; | ||
| -webkit-overflow-scrolling: touch; | ||
| outline: 0; | ||
| } | ||
| .modal.fade .modal-dialog { | ||
| -webkit-transition: -webkit-transform .3s ease-out; | ||
| -o-transition: -o-transform .3s ease-out; | ||
| transition: transform .3s ease-out; | ||
| -webkit-transform: translate(0, -25%); | ||
| -ms-transform: translate(0, -25%); | ||
| -o-transform: translate(0, -25%); | ||
| transform: translate(0, -25%); | ||
| } | ||
| .modal.in .modal-dialog { | ||
| -webkit-transform: translate(0, 0); | ||
| -ms-transform: translate(0, 0); | ||
| -o-transform: translate(0, 0); | ||
| transform: translate(0, 0); | ||
| } | ||
| .modal-open .modal { | ||
| overflow-x: hidden; | ||
| overflow-y: auto; | ||
| } | ||
| .modal-dialog { | ||
| position: relative; | ||
| width: auto; | ||
| } | ||
| .modal-content { | ||
| position: relative; | ||
| background-color: #fff; | ||
| -webkit-background-clip: padding-box; | ||
| background-clip: padding-box; | ||
| border: 1px solid #999; | ||
| border: 1px solid rgba(0, 0, 0, .2); | ||
| border-radius: 6px; | ||
| outline: 0; | ||
| -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); | ||
| box-shadow: 0 3px 9px rgba(0, 0, 0, .5); | ||
| } | ||
| .modal-backdrop { | ||
| position: fixed; | ||
| top: 0; | ||
| right: 0; | ||
| bottom: 0; | ||
| left: 0; | ||
| z-index: 1040; | ||
| background-color: #000; | ||
| } | ||
| .modal-backdrop.fade { | ||
| filter: alpha(opacity=0); | ||
| opacity: 0; | ||
| } | ||
| .modal-backdrop.in { | ||
| filter: alpha(opacity=50); | ||
| opacity: .5; | ||
| } | ||
| .modal-header { | ||
| padding: 15px; | ||
| border-bottom: 1px solid #e5e5e5; | ||
| } | ||
| .modal-header .close { | ||
| margin-top: -2px; | ||
| } | ||
| .modal-title { | ||
| margin: 0; | ||
| line-height: 1.42857143; | ||
| } | ||
| .modal-body { | ||
| position: relative; | ||
| padding: 15px; | ||
| } | ||
| .modal-footer { | ||
| padding: 15px; | ||
| text-align: right; | ||
| border-top: 1px solid #e5e5e5; | ||
| } | ||
| .modal-footer .btn + .btn { | ||
| margin-bottom: 0; | ||
| margin-left: 5px; | ||
| } | ||
| .modal-footer .btn-group .btn + .btn { | ||
| margin-left: -1px; | ||
| } | ||
| .modal-footer .btn-block + .btn-block { | ||
| margin-left: 0; | ||
| } | ||
| .modal-scrollbar-measure { | ||
| position: absolute; | ||
| top: -9999px; | ||
| width: 50px; | ||
| height: 50px; | ||
| overflow: scroll; | ||
| } | ||
| @media (min-width: 768px) { | ||
| .modal-dialog { | ||
| margin: 0px auto; | ||
| } | ||
| .modal-content { | ||
| -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); | ||
| box-shadow: 0 5px 15px rgba(0, 0, 0, .5); | ||
| } | ||
| .modal-sm { | ||
| } | ||
|
|
||
| .modal-alert{ | ||
| width: 500px; | ||
| } | ||
| } | ||
| @media (min-width: 992px) { | ||
| .modal-lg { | ||
| } | ||
| } | ||
|
|
||
| .modal-header:before, | ||
| .modal-header:after, | ||
| .modal-footer:before, | ||
| .modal-footer:after { | ||
| display: table; | ||
| content: " "; | ||
| } | ||
|
|
||
| .modal-header:after, | ||
| .modal-footer:after { | ||
| clear: both; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.