From 89550af0f2208d8f0426b63552a1d15da5a6ba94 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Mon, 14 Nov 2016 13:19:04 -0600 Subject: [PATCH] fix(error): (cmd/ctrl)+8 for debug menu --- bin/ion-dev.css | 2 +- bin/ion-dev.js | 4 +- src/dev-client/sass/_header.scss | 2 +- src/dev-client/sass/_options-menu.scss | 107 +++++-------------------- src/dev-client/sass/ion-dev.scss | 1 + 5 files changed, 23 insertions(+), 93 deletions(-) diff --git a/bin/ion-dev.css b/bin/ion-dev.css index 141c8769..25b1a4d2 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;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} +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:.55px 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:15px;border-bottom:.55px solid #d6d6da;font-size:13px;font-weight:400;text-align:center;color:#8f8f8f}.ion-diagnostics-sheet-button{margin:0;padding:18px;width:100%;min-height:56px;border-bottom:.55px solid #d6d6da;font-size:20px;color:#478aff;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/bin/ion-dev.js b/bin/ion-dev.js index 168fcbe2..a733a063 100644 --- a/bin/ion-dev.js +++ b/bin/ion-dev.js @@ -336,8 +336,8 @@ window.IonicDevServer = { if (ev.metaKey || ev.ctrlKey) { // cmd or ctrl key held down - if (key == 49) { - // (cmd/ctrl + 1) + if (key == 56) { + // holding down cmd or ctrl, and 8 self.toggleOptionsMenu(); } } diff --git a/src/dev-client/sass/_header.scss b/src/dev-client/sass/_header.scss index 064cbb42..11aae35c 100644 --- a/src/dev-client/sass/_header.scss +++ b/src/dev-client/sass/_header.scss @@ -1,7 +1,7 @@ .ion-diagnostics-header { background: $header-background; - border-bottom: 0.5px solid $header-border-color; + border-bottom: $hairlines-width solid $header-border-color; color: $header-text-color; } diff --git a/src/dev-client/sass/_options-menu.scss b/src/dev-client/sass/_options-menu.scss index 20753c41..ff0c9d2c 100644 --- a/src/dev-client/sass/_options-menu.scss +++ b/src/dev-client/sass/_options-menu.scss @@ -48,115 +48,44 @@ $action-sheet-max-width: 500px !default; opacity: 0.4; } -/// @prop - Text align of the action sheet -$action-sheet-ios-text-align: center !default; - -/// @prop - Padding of the action sheet -$action-sheet-ios-padding: 0 10px !default; - -/// @prop - Bottom margin of the action sheet button group -$action-sheet-ios-group-margin-bottom: 10px !default; - -/// @prop - Background color of the action sheet -$action-sheet-ios-background: #f9f9f9 !default; - -/// @prop - Border color of the action sheet -$action-sheet-ios-border-color: #d6d6da !default; - -/// @prop - Border radius of the action sheet -$action-sheet-ios-border-radius: 13px !default; - -/// @prop - Padding of the action sheet title -$action-sheet-ios-title-padding: 1.5rem !default; - -/// @prop - Color of the action sheet title -$action-sheet-ios-title-color: #8f8f8f !default; - -/// @prop - Font size of the action sheet title -$action-sheet-ios-title-font-size: 1.3rem !default; - -/// @prop - Font weight of the action sheet title -$action-sheet-ios-title-font-weight: 400 !default; - -/// @prop - Border radius of the action sheet title -$action-sheet-ios-title-border-radius: 0 !default; - -/// @prop - Min height of the action sheet button -$action-sheet-ios-button-min-height: 5.6rem !default; - -/// @prop - Padding of the action sheet button -$action-sheet-ios-button-padding: 18px !default; - -/// @prop - Text color of the action sheet button -$action-sheet-ios-button-text-color: #007aff !default; - -/// @prop - Font size of the action sheet button -$action-sheet-ios-button-font-size: 2rem !default; - -/// @prop - Border width of the action sheet button -$action-sheet-ios-button-border-width: 0.34px !default; - -/// @prop - Border style of the action sheet button -$action-sheet-ios-button-border-style: solid !default; - -/// @prop - Border color of the action sheet button -$action-sheet-ios-button-border-color: #d1d3d6 !default; - -/// @prop - Background color of the action sheet button -$action-sheet-ios-button-background: transparent !default; - -/// @prop - Background color of the activated action sheet button -$action-sheet-ios-button-background-activated: #ebebeb !default; - -/// @prop - Destructive text color of the action sheet button -$action-sheet-ios-button-destructive-text-color: #f53d3d !default; - -/// @prop - Background color of the action sheet cancel button -$action-sheet-ios-button-cancel-background: #fff !default; - -/// @prop - Font weight of the action sheet cancel button -$action-sheet-ios-button-cancel-font-weight: 600 !default; - - .ion-diagnostics-sheet-container { - padding: $action-sheet-ios-padding; + padding: 0 10px; } .ion-diagnostics-sheet-group { overflow: hidden; - margin-bottom: $action-sheet-ios-group-margin-bottom - 2; + margin-bottom: 10px - 2; - border-radius: $action-sheet-ios-border-radius; - background: $action-sheet-ios-background; + border-radius: 13px; + background: #f9f9f9; } .ion-diagnostics-sheet-group:last-child { - margin-bottom: $action-sheet-ios-group-margin-bottom; + margin-bottom: 10px; } .ion-diagnostics-sheet-title { - padding: $action-sheet-ios-title-padding; - - border-bottom: $action-sheet-ios-button-border-width $action-sheet-ios-button-border-style $action-sheet-ios-border-color; - border-radius: $action-sheet-ios-title-border-radius; - font-size: $action-sheet-ios-title-font-size; - font-weight: $action-sheet-ios-title-font-weight; - text-align: $action-sheet-ios-text-align; - color: $action-sheet-ios-title-color; + padding: 15px; + + border-bottom: $hairlines-width solid #d6d6da; + font-size: 13px; + font-weight: 400; + text-align: center; + color: #8f8f8f; } .ion-diagnostics-sheet-button { margin: 0; - padding: $action-sheet-ios-button-padding; + padding: 18px; width: $action-sheet-width; - min-height: $action-sheet-ios-button-min-height; + min-height: 56px; - border-bottom: $action-sheet-ios-button-border-width $action-sheet-ios-button-border-style $action-sheet-ios-border-color; - font-size: $action-sheet-ios-button-font-size; - color: $action-sheet-ios-button-text-color; - background: $action-sheet-ios-button-background; + border-bottom: $hairlines-width solid #d6d6da; + font-size: 20px; + color: $ionic-blue; + background: transparent; } .ion-diagnostics-sheet-button:last-child { diff --git a/src/dev-client/sass/ion-dev.scss b/src/dev-client/sass/ion-dev.scss index 0442513c..920d1026 100644 --- a/src/dev-client/sass/ion-dev.scss +++ b/src/dev-client/sass/ion-dev.scss @@ -32,6 +32,7 @@ $z-index-toast: 100002; // Miscellaneous // ----------------------------- $tab-size: 2; +$hairlines-width: .55px; a, button {