This is an automated email from the ASF dual-hosted git repository. ankovalyshyn pushed a commit to branch feature/projects in repository https://gitbox.apache.org/repos/asf/incubator-dlab.git
commit d4517c91be9d96bc048c14a793b086fe63d68691 Author: Andriana Kovalyshyn <[email protected]> AuthorDate: Wed Jun 26 15:37:58 2019 +0300 [DLAB-822]: fixed key uploading on initial project creation form --- .../webapp/src/assets/styles/_dialogs.scss | 174 +++++++++++++-------- 1 file changed, 113 insertions(+), 61 deletions(-) diff --git a/services/self-service/src/main/resources/webapp/src/assets/styles/_dialogs.scss b/services/self-service/src/main/resources/webapp/src/assets/styles/_dialogs.scss index 311048c..46aef3b 100644 --- a/services/self-service/src/main/resources/webapp/src/assets/styles/_dialogs.scss +++ b/services/self-service/src/main/resources/webapp/src/assets/styles/_dialogs.scss @@ -17,30 +17,58 @@ * under the License. */ - @import '_variables.scss'; - - .modal-xs { width: 375px; } - .modal-sm { width: 525px; } - .modal-md { width: 545px; } - .modal-lg { width: 580px; } - .modal-xl-s { width: 660px; } - .modal-xl { width: 900px; } - .modal-xxl { width: 1000px; } - .modal-fullscreen { width: 100vw; height: 100vh;} - +@import '_variables.scss'; + +.modal-xs { + width: 375px; +} + +.modal-sm { + width: 525px; +} + +.modal-md { + width: 545px; +} + +.modal-lg { + width: 580px; +} + +.modal-xl-s { + width: 660px; +} + +.modal-xl { + width: 900px; +} + +.modal-xxl { + width: 1000px; +} + +.modal-fullscreen { + width: 100vw; + height: 100vh; +} + mat-dialog-container { overflow-x: hidden; + &.mat-dialog-container { padding: 0; border-radius: 0; + #dialog-box { color: $modal-text-color; + .dialog-header { padding-left: 30px; background: $modal-header-color; height: 50px; line-height: 50px; position: relative; + .modal-title { width: 90%; margin: 0; @@ -51,10 +79,12 @@ mat-dialog-container { color: #455c74; font-size: 18px; background: $modal-header-color; + i { vertical-align: middle; } } + .close { position: absolute; top: 0; @@ -69,101 +99,65 @@ mat-dialog-container { outline: none; cursor: pointer; transition: all .45s ease-in-out; + &:hover { color: #36afd5; } } + &.header-white { background: #fff; } } - + .dialog-body { padding-top: 0; } + .upload-key { margin-bottom: 20px; - & > div > div { + + &>div>div { margin-top: 5px; } - - .butt-file { - position: relative; - overflow: hidden; - margin-bottom: 10px; - display: inline-block; - color: #35afd5; - padding: 6px 29px 6px 23px; - width: 170px; - // font: 600 16px/1.45 'Open Sans'; - font-style: normal; - font-weight: 600; - font-size: 16px; - line-height: 1.45; - font-family:'Open Sans', sans-serif; - - text-align: center; - box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); - .upload-icon { - background: url(/../../assets/img/upload-icon.png) no-repeat; - background-size: 100%; - display: inline-block; - width: 17px; - height: 17px; - margin-right: 8px; - position: relative; - top: 2px; - } - input[type=file] { - width: 100%; - height: 100%; - position: absolute; - top: 0; - right: 0; - min-width: 100%; - min-height: 100%; - font-size: 100px; - text-align: right; - opacity: 0; - outline: none; - background: #fff; - cursor: inherit; - display: block; - } - &:active { - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); - } - } + .butt-generate { color: #35afd5; width: 170px; } } + .btn-success { margin-left: 40px; margin-right: 2px; } + .btn { padding: 6px 15px; min-width: 140px; font-weight: 600; } + a { color: #35afd5; text-decoration: none; transition: all .45s ease-in-out; + &:hover { color: #5faec7; } } + .info-label { font-size: 15px; margin-top: 20px; } + .control-label { font-weight: 600; margin-top: 6px; } + .form-group { small { font-size: 12px; @@ -175,22 +169,75 @@ mat-dialog-container { } } } + .content-box { padding: 25px 30px 35px; } +.butt-file { + position: relative; + overflow: hidden; + margin-bottom: 10px; + display: inline-block; + color: #35afd5; + padding: 6px 29px 6px 23px; + width: 170px; + // font: 600 16px/1.45 'Open Sans'; + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 1.45; + font-family: 'Open Sans', sans-serif; + + text-align: center; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); + + .upload-icon { + background: url(/../../assets/img/upload-icon.png) no-repeat; + background-size: 100%; + display: inline-block; + width: 17px; + height: 17px; + margin-right: 8px; + position: relative; + top: 2px; + } + + input[type=file] { + width: 100%; + height: 100%; + position: absolute; + top: 0; + right: 0; + min-width: 100%; + min-height: 100%; + font-size: 100px; + text-align: right; + opacity: 0; + outline: none; + background: #fff; + cursor: inherit; + display: block; + } + + &:active { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + } +} .detail-header { border-bottom: 0; width: 100%; border-collapse: collapse; table-layout: fixed; + td { border: 1px solid #edf1f5; text-align: center; padding: 20px; text-align: center !important; background: #fff; + &:first-child { background: #f6fafe; font-size: 16px; @@ -200,6 +247,7 @@ mat-dialog-container { overflow: hidden; cursor: default; } + &.tooltip-wrap { .hint-title { font-size: 16px; @@ -216,20 +264,24 @@ mat-dialog-container { p { font-weight: 400; margin-bottom: 10px; + small { font-size: 12px; font-weight: 400; } } + span { font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: block; } + .links_block { padding-left: 25px; } + .time_info { margin-top: 15px; } --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
