diff --git a/bin/ion-dev.css b/bin/ion-dev.css index 35756e7a..141c8769 100644 --- a/bin/ion-dev.css +++ b/bin/ion-dev.css @@ -1 +1 @@ -a,button{-ms-touch-action:manipulation;touch-action:manipulation}#ion-diagnostics *{box-sizing:border-box}#ion-diagnostics{position:absolute;top:0;left:0;z-index:100000;width:100%;height:auto;min-height:100%;margin:0;padding:0;font-family:-apple-system,"Roboto",BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;text-size-adjust:none;word-wrap:break-word;color:#333;background-color:#fff;box-sizing:border-box;overflow:hidden;user-select:auto}.ion-diagnostics-content{overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}#ion-diagnostics .ion-diagnostic{margin:20px;border:1px solid #ddd;border-radius:3px}#ion-diagnostics .ion-diagnostic-masthead{padding:8px 12px 12px 12px}#ion-diagnostics .ion-diagnostic-title{margin:0;font-size:16px;color:#222}#ion-diagnostics .ion-diagnostic-message{margin-top:4px;color:#666}#ion-diagnostics .ion-diagnostic-file{position:relative;border-top:1px solid #ddd}#ion-diagnostics .ion-diagnostic-file-header{padding:5px 10px;border-bottom:1px solid #ddd;border-top-left-radius:2px;border-top-right-radius:2px;background-color:#f8f8f8}#ion-diagnostics{-webkit-transition:opacity 150ms ease-out;transition:opacity 150ms ease-out}#ion-diagnostics.ion-diagnostics-fade-out{opacity:0}#ion-diagnostics .ion-diagnostic-blob{overflow-x:auto;overflow-y:hidden;border-bottom-right-radius:3px;border-bottom-left-radius:3px}#ion-diagnostics .ion-diagnostic-table{border-spacing:0;border-collapse:collapse;-moz-tab-size:2;tab-size:2}#ion-diagnostics .ion-diagnostic-table td,#ion-diagnostics .ion-diagnostic-table th{padding:0}#ion-diagnostics td.ion-diagnostic-blob-num{padding-right:10px;padding-left:10px;width:1%;min-width:50px;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px;line-height:20px;color:rgba(0,0,0,0.3);text-align:right;white-space:nowrap;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:solid #eee;border-width:0 1px 0 0}#ion-diagnostics .ion-diagnostic-blob-num::before{content:attr(data-line-number)}#ion-diagnostics .ion-diagnostic-error-line .ion-diagnostic-blob-num{background-color:#fdd;border-color:#ffc9c9}#ion-diagnostics .ion-diagnostic-error-line .ion-diagnostic-blob-code{background:rgba(255,221,221,0.25);z-index:-1}#ion-diagnostics .ion-diagnostics-error-chr{position:relative}#ion-diagnostics .ion-diagnostics-error-chr::before{position:absolute;z-index:-1;top:-3px;left:0px;width:8px;height:20px;background-color:#fdd;content:""}#ion-diagnostics td.ion-diagnostic-blob-code{position:relative;padding-right:10px;padding-left:10px;line-height:20px;vertical-align:top;overflow:visible;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px;color:#333;word-wrap:normal;white-space:pre}#ion-diagnostics .ion-diagnostic-blob-code::before{content:""}#ion-diagnostics .ion-diagnostic-stack-header{padding:5px 10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f8f8f8}#ion-diagnostics .ion-diagnostic-stack{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:10px;color:#333;word-wrap:normal;white-space:pre;overflow:auto;padding:10px}#ion-diagnostics-toast{position:absolute;top:10px;right:10px;left:10px;z-index:100002;margin:auto;max-width:700px;border-radius:3px;font-family:-apple-system,"Roboto",BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";background:rgba(0,0,0,0.9);-webkit-transform:translate3d(0px, -60px, 0px);transform:translate3d(0px, -60px, 0px);-webkit-transition:-webkit-transform 75ms ease-out;transition:transform 75ms ease-out;pointer-events:none}#ion-diagnostics-toast.ion-diagnostics-toast-active{-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}#ion-diagnostics-toast .ion-diagnostics-toast-content{display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;pointer-events:auto}#ion-diagnostics-toast .ion-diagnostics-toast-message{-webkit-flex:1;-ms-flex:1;flex:1;padding:15px;font-family:-apple-system,"Roboto",BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;color:#fff}#ion-diagnostics-toast .ion-diagnostics-toast-spinner{position:relative;display:inline-block;width:56px;height:28px}#ion-diagnostics-toast svg:not(:root){overflow:hidden}#ion-diagnostics-toast svg{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:ion-diagnostics-spinner-rotate 600ms linear infinite;animation:ion-diagnostics-spinner-rotate 600ms linear infinite}@-webkit-keyframes ion-diagnostics-spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ion-diagnostics-spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#ion-diagnostics-toast svg circle{fill:transparent;stroke:white;stroke-width:4px;stroke-dasharray:128px;stroke-dashoffset:82px}.ion-diagnostics-header{background:#f8f8f8;border-bottom:0.5px solid #ddd;color:#333}.ion-diagnostics-cordova-ios .ion-diagnostics-header{padding-top:20px}.ion-diagnostics-header-content{display:-webkit-flex;display:flex;overflow:hidden;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;width:100%;min-height:44px}.ion-diagnostics-header-inner{-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;padding:0 20px;font-size:20px}.ion-diagnostics-buttons{display:-webkit-flex;display:flex;padding:0 0 0 20px}#ion-diagnostic-close{margin:0;padding:10px 20px;border:0;outline:none;background:transparent;font-size:14px;color:#478aff;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer}#ion-diagnostic-close:hover{opacity:0.7}#ion-diagnostics-options{position:absolute;top:0;left:0;z-index:100001;width:100%;height:100%;font-family:-apple-system,"Roboto",BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.ion-diagnostics-sheet-wrapper{position:absolute;right:0;bottom:0;left:0;z-index:10;display:block;margin:auto;width:100%;max-width:500px;transition:transform 300ms cubic-bezier(0.36, 0.66, 0.04, 1);transform:translate3d(0, 100%, 0)}#ion-diagnostics-backdrop{width:100%;height:100%;opacity:0.01;background:black;transition:opacity 300ms cubic-bezier(0.36, 0.66, 0.04, 1)}.ion-diagnostics-options-show .ion-diagnostics-sheet-wrapper{transform:translate3d(0, 0, 0)}.ion-diagnostics-options-show #ion-diagnostics-backdrop{opacity:0.4}.ion-diagnostics-sheet-container{padding:0 10px}.ion-diagnostics-sheet-group{overflow:hidden;margin-bottom:8px;border-radius:13px;background:#f9f9f9}.ion-diagnostics-sheet-group:last-child{margin-bottom:10px}.ion-diagnostics-sheet-title{padding:1.5rem;border-bottom:.34px solid #d6d6da;border-radius:0;font-size:1.3rem;font-weight:400;text-align:center;color:#8f8f8f}.ion-diagnostics-sheet-button{margin:0;padding:18px;width:100%;min-height:5.6rem;border-bottom:.34px solid #d6d6da;font-size:2rem;color:#007aff;background:transparent}.ion-diagnostics-sheet-button:last-child{border-bottom:0}#ion-diagnostics-system-info{margin:0 20px 20px 20px;padding:0px 0 20px 0;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:10px;color:#999;overflow:auto;white-space:pre}.hljs-comment,.hljs-meta{color:#969896}.hljs-string,.hljs-variable,.hljs-template-variable,.hljs-strong,.hljs-emphasis,.hljs-quote{color:#df5000}.hljs-keyword,.hljs-selector-tag,.hljs-type{color:#a71d5d}.hljs-literal,.hljs-symbol,.hljs-bullet,.hljs-attribute{color:#0086b3}.hljs-section,.hljs-name{color:#63a35c}.hljs-tag{color:#333333}.hljs-title,.hljs-attr,.hljs-selector-id,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo{color:#795da3}.hljs-addition{color:#55a532;background-color:#eaffea}.hljs-deletion{color:#bd2c00;background-color:#ffecec}.hljs-link{text-decoration:underline} +a,button{-ms-touch-action:manipulation;touch-action:manipulation}#ion-diagnostics *{box-sizing:border-box}#ion-diagnostics{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100000;margin:0;padding:0;font-family:-apple-system,"Roboto",BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;text-size-adjust:none;word-wrap:break-word;color:#333;background-color:#fff;box-sizing:border-box;overflow:hidden;user-select:auto}.ion-diagnostics-content{position:relative;padding:0 0 30px 0;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}#ion-diagnostics .ion-diagnostic{margin:20px;border:1px solid #ddd;border-radius:3px}#ion-diagnostics .ion-diagnostic-masthead{padding:8px 12px 12px 12px}#ion-diagnostics .ion-diagnostic-title{margin:0;font-size:16px;color:#222}#ion-diagnostics .ion-diagnostic-message{margin-top:4px;color:#666}#ion-diagnostics .ion-diagnostic-file{position:relative;border-top:1px solid #ddd}#ion-diagnostics .ion-diagnostic-file-header{padding:5px 10px;border-bottom:1px solid #ddd;border-top-left-radius:2px;border-top-right-radius:2px;background-color:#f8f8f8}#ion-diagnostics{-webkit-transition:opacity 150ms ease-out;transition:opacity 150ms ease-out}#ion-diagnostics.ion-diagnostics-fade-out{opacity:0}#ion-diagnostics .ion-diagnostic-blob{overflow-x:auto;overflow-y:hidden;border-bottom-right-radius:3px;border-bottom-left-radius:3px}#ion-diagnostics .ion-diagnostic-table{border-spacing:0;border-collapse:collapse;-moz-tab-size:2;tab-size:2}#ion-diagnostics .ion-diagnostic-table td,#ion-diagnostics .ion-diagnostic-table th{padding:0}#ion-diagnostics td.ion-diagnostic-blob-num{padding-right:10px;padding-left:10px;width:1%;min-width:50px;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px;line-height:20px;color:rgba(0,0,0,0.3);text-align:right;white-space:nowrap;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:solid #eee;border-width:0 1px 0 0}#ion-diagnostics .ion-diagnostic-blob-num::before{content:attr(data-line-number)}#ion-diagnostics .ion-diagnostic-error-line .ion-diagnostic-blob-num{background-color:#fdd;border-color:#ffc9c9}#ion-diagnostics .ion-diagnostic-error-line .ion-diagnostic-blob-code{background:rgba(255,221,221,0.25);z-index:-1}#ion-diagnostics .ion-diagnostics-error-chr{position:relative}#ion-diagnostics .ion-diagnostics-error-chr::before{position:absolute;z-index:-1;top:-3px;left:0px;width:8px;height:20px;background-color:#fdd;content:""}#ion-diagnostics td.ion-diagnostic-blob-code{position:relative;padding-right:10px;padding-left:10px;line-height:20px;vertical-align:top;overflow:visible;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px;color:#333;word-wrap:normal;white-space:pre}#ion-diagnostics .ion-diagnostic-blob-code::before{content:""}#ion-diagnostics .ion-diagnostic-stack-header{padding:5px 10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f8f8f8}#ion-diagnostics .ion-diagnostic-stack{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:10px;color:#333;word-wrap:normal;white-space:pre;overflow:auto;padding:10px}#ion-diagnostics-toast{position:absolute;top:10px;right:10px;left:10px;z-index:100002;margin:auto;max-width:700px;border-radius:3px;font-family:-apple-system,"Roboto",BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";background:rgba(0,0,0,0.9);-webkit-transform:translate3d(0px, -60px, 0px);transform:translate3d(0px, -60px, 0px);-webkit-transition:-webkit-transform 75ms ease-out;transition:transform 75ms ease-out;pointer-events:none}#ion-diagnostics-toast.ion-diagnostics-toast-active{-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}#ion-diagnostics-toast .ion-diagnostics-toast-content{display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;pointer-events:auto}#ion-diagnostics-toast .ion-diagnostics-toast-message{-webkit-flex:1;-ms-flex:1;flex:1;padding:15px;font-family:-apple-system,"Roboto",BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;color:#fff}#ion-diagnostics-toast .ion-diagnostics-toast-spinner{position:relative;display:inline-block;width:56px;height:28px}#ion-diagnostics-toast svg:not(:root){overflow:hidden}#ion-diagnostics-toast svg{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:ion-diagnostics-spinner-rotate 600ms linear infinite;animation:ion-diagnostics-spinner-rotate 600ms linear infinite}@-webkit-keyframes ion-diagnostics-spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ion-diagnostics-spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#ion-diagnostics-toast svg circle{fill:transparent;stroke:white;stroke-width:4px;stroke-dasharray:128px;stroke-dashoffset:82px}.ion-diagnostics-header{background:#f8f8f8;border-bottom:0.5px solid #ddd;color:#333}.ion-diagnostics-cordova-ios .ion-diagnostics-header{padding-top:20px}.ion-diagnostics-header-content{display:-webkit-flex;display:flex;overflow:hidden;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;width:100%;min-height:44px}.ion-diagnostics-header-inner{-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;padding:0 20px;font-size:20px}.ion-diagnostics-buttons{display:-webkit-flex;display:flex;padding:0 0 0 20px}#ion-diagnostic-close{margin:0;padding:10px 20px;border:0;outline:none;background:transparent;font-size:14px;color:#478aff;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer}#ion-diagnostic-close:hover{opacity:0.7}#ion-diagnostics-options{position:absolute;top:0;left:0;z-index:100001;width:100%;height:100%;font-family:-apple-system,"Roboto",BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.ion-diagnostics-sheet-wrapper{position:absolute;right:0;bottom:0;left:0;z-index:10;display:block;margin:auto;width:100%;max-width:500px;transition:transform 300ms cubic-bezier(0.36, 0.66, 0.04, 1);transform:translate3d(0, 100%, 0)}#ion-diagnostics-backdrop{width:100%;height:100%;opacity:0.01;background:black;transition:opacity 300ms cubic-bezier(0.36, 0.66, 0.04, 1)}.ion-diagnostics-options-show .ion-diagnostics-sheet-wrapper{transform:translate3d(0, 0, 0)}.ion-diagnostics-options-show #ion-diagnostics-backdrop{opacity:0.4}.ion-diagnostics-sheet-container{padding:0 10px}.ion-diagnostics-sheet-group{overflow:hidden;margin-bottom:8px;border-radius:13px;background:#f9f9f9}.ion-diagnostics-sheet-group:last-child{margin-bottom:10px}.ion-diagnostics-sheet-title{padding:1.5rem;border-bottom:.34px solid #d6d6da;border-radius:0;font-size:1.3rem;font-weight:400;text-align:center;color:#8f8f8f}.ion-diagnostics-sheet-button{margin:0;padding:18px;width:100%;min-height:5.6rem;border-bottom:.34px solid #d6d6da;font-size:2rem;color:#007aff;background:transparent}.ion-diagnostics-sheet-button:last-child{border-bottom:0}#ion-diagnostics-system-info{margin:0 20px 20px 20px;padding:0px 0 20px 0;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:10px;color:#999;overflow:auto;white-space:pre}.hljs-comment,.hljs-meta{color:#969896}.hljs-string,.hljs-variable,.hljs-template-variable,.hljs-strong,.hljs-emphasis,.hljs-quote{color:#df5000}.hljs-keyword,.hljs-selector-tag,.hljs-type{color:#a71d5d}.hljs-literal,.hljs-symbol,.hljs-bullet,.hljs-attribute{color:#0086b3}.hljs-section,.hljs-name{color:#63a35c}.hljs-tag{color:#333333}.hljs-title,.hljs-attr,.hljs-selector-id,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo{color:#795da3}.hljs-addition{color:#55a532;background-color:#eaffea}.hljs-deletion{color:#bd2c00;background-color:#ffecec}.hljs-link{text-decoration:underline} diff --git a/src/dev-client/sass/_diagnostics.scss b/src/dev-client/sass/_diagnostics.scss index c1d16e4a..2491fb8d 100644 --- a/src/dev-client/sass/_diagnostics.scss +++ b/src/dev-client/sass/_diagnostics.scss @@ -6,13 +6,11 @@ #ion-diagnostics { position: absolute; top: 0; + right: 0; + bottom: 0; left: 0; z-index: $z-index-diagnostics; - width: 100%; - height: auto; - min-height: 100%; - margin: 0; padding: 0; @@ -34,6 +32,11 @@ } .ion-diagnostics-content { + position: relative; + padding: 0 0 30px 0; + width: 100%; + height: 100%; + overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch;