Repository: incubator-zeppelin Updated Branches: refs/heads/master 757605de1 -> d08a1214d
Cleanup redundant css units and use shorthand property for background Author: Renjith Kamath <[email protected]> Closes #476 from r-kamath/cssOptimizations and squashes the following commits: 9735353 [Renjith Kamath] Cleanup redundant css units and use shorthand property for background Project: http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/commit/d08a1214 Tree: http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/tree/d08a1214 Diff: http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/diff/d08a1214 Branch: refs/heads/master Commit: d08a1214d536deb82c7a07fea5f397fc9971f0d0 Parents: 757605d Author: Renjith Kamath <[email protected]> Authored: Thu Nov 26 12:15:53 2015 +0530 Committer: Damien CORNEAU <[email protected]> Committed: Tue Dec 1 16:36:51 2015 +0900 ---------------------------------------------------------------------- zeppelin-web/src/app/home/home.css | 51 ++++++++---------- .../src/app/interpreter/interpreter.css | 15 +++--- zeppelin-web/src/app/notebook/notebook.css | 27 +++++----- .../src/app/notebook/paragraph/paragraph.css | 55 ++++++++++---------- .../src/assets/styles/looknfeel/report.css | 10 ++-- .../src/assets/styles/looknfeel/simple.css | 6 +-- zeppelin-web/src/assets/styles/printMode.css | 4 +- 7 files changed, 79 insertions(+), 89 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/blob/d08a1214/zeppelin-web/src/app/home/home.css ---------------------------------------------------------------------- diff --git a/zeppelin-web/src/app/home/home.css b/zeppelin-web/src/app/home/home.css index 70baee9..7594a3e 100644 --- a/zeppelin-web/src/app/home/home.css +++ b/zeppelin-web/src/app/home/home.css @@ -32,11 +32,11 @@ body { } body.asIframe { - padding-top: 0px; + padding-top: 0; } body .navbar { - margin-bottom: 0px; + margin-bottom: 0; } .container { @@ -48,7 +48,7 @@ body .navbar { } .navbar-inverse { - background-color: #3071a9; + background: #3071a9; color: #fff; border-color: #3071a9; font-size: 18px; @@ -58,18 +58,18 @@ body .navbar { .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; - background-color: #3071a9; + background: #3071a9; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { - background-color: #3071a9; + background: #3071a9; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; - background-color: rgba(0, 0, 0, 0.2); + background: rgba(0, 0, 0, 0.2); } @@ -81,7 +81,7 @@ body .navbar { .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; - background-color: #080808; + background: #080808; } .navbar-inverse .navbar-nav > li > a { @@ -114,7 +114,7 @@ a.navbar-brand:hover { .dropdown-menu > .scrollbar-container > li > a:focus { color: #262626; text-decoration: none; - background-color: #f5f5f5; + background: #f5f5f5; } .dropdown-menu > .scrollbar-container > .active > a, @@ -122,7 +122,7 @@ a.navbar-brand:hover { .dropdown-menu > .scrollbar-container > .active > a:focus { color: #fff; text-decoration: none; - background-color: #428bca; + background: #428bca; outline: 0; } @@ -143,14 +143,14 @@ a.navbar-brand:hover { .navbar-inverse .navbar-nav .open .dropdown-menu > .scrollbar-container > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .scrollbar-container > li > a:focus { color: #fff; - background-color: transparent; + background: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .scrollbar-container > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .scrollbar-container > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .scrollbar-container > .active > a:focus { color: #fff; - background-color: #080808; + background: #080808; } .server-status { @@ -158,7 +158,7 @@ a.navbar-brand:hover { } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { - background-color: #3071A9; + background: #3071A9; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { @@ -206,7 +206,7 @@ a.navbar-brand:hover { .box, .well { - background-color: #ffffff; + background: #ffffff; border-color: #e5e5e5; border-width: 1px 1px 2px; border-radius: 3px; @@ -236,17 +236,13 @@ a.navbar-brand:hover { } .zeppelin { - background-image: url('/assets/images/zepLogo.png'); - background-repeat: no-repeat; - background-position: right; + background: url('/assets/images/zepLogo.png') no-repeat right; height: 380px; opacity: 0.2; } .zeppelin2 { - background-image: url('/assets/images/zepLogo.png'); - background-repeat: no-repeat; - background-position: right; + background: url('/assets/images/zepLogo.png') no-repeat right; background-position-y: 12px; height: 380px; opacity: 0.2; @@ -261,13 +257,12 @@ a.navbar-brand:hover { .kbd-dark { color: #eee; - background-color: #222; - background-image: none; + background: #222 none; border: 0; } kbd { - background-color: #e7e7e7; + background: #e7e7e7; background-image: -webkit-linear-gradient(#fefefe, #e7e7e7); background-image: linear-gradient(#fefefe, #e7e7e7); background-repeat: repeat-x; @@ -294,19 +289,19 @@ kbd { } .ng-toast .alert-danger { - background-color: #A94442 !important; + background: #A94442 !important; } .ng-toast .alert-warning { - background-color: #CE9532 !important; + background: #CE9532 !important; } .ng-toast .alert-info { - background-color: #589EC1 !important; + background: #589EC1 !important; } .ng-toast .alert-success { - background-color: #428443 !important; + background: #428443 !important; } /* @@ -333,7 +328,7 @@ This part should be removed when new version of bootstrap handles this issue. } #noteImportModal .display-inline a { - background-color: #fff; + background: #fff; border: 1px solid #ddd; border-radius: 5px; color: #999; @@ -350,7 +345,7 @@ This part should be removed when new version of bootstrap handles this issue. } #noteImportModal .display-inline a:hover { - background-color: #eee; + background: #eee; } #noteImportModal .display-inline a p { http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/blob/d08a1214/zeppelin-web/src/app/interpreter/interpreter.css ---------------------------------------------------------------------- diff --git a/zeppelin-web/src/app/interpreter/interpreter.css b/zeppelin-web/src/app/interpreter/interpreter.css index d06bf0c..8973895 100644 --- a/zeppelin-web/src/app/interpreter/interpreter.css +++ b/zeppelin-web/src/app/interpreter/interpreter.css @@ -13,12 +13,9 @@ */ .interpreterHead { - margin-left: -10px; - margin-right: -10px; - margin-top: -10px; - margin-bottom: 20px; + margin: -10px -10px 20px; padding: 10px 15px 15px 15px; - background-color: white; + background: white; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); border-bottom: 1px solid #E5E5E5; } @@ -42,12 +39,12 @@ font-weight: bold; color: #3071a9; float: left; - margin-top: 0px; + margin-top: 0; } .interpreter ul { - margin: 0px 0px 0px 0px; - padding: 0px 0px 0px 0px; + margin: 0; + padding: 0; } .interpreter .interpreterInfo { @@ -76,4 +73,4 @@ .editable-wrap { width : 100%; -} \ No newline at end of file +} http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/blob/d08a1214/zeppelin-web/src/app/notebook/notebook.css ---------------------------------------------------------------------- diff --git a/zeppelin-web/src/app/notebook/notebook.css b/zeppelin-web/src/app/notebook/notebook.css index 699a296..eaf41d9 100644 --- a/zeppelin-web/src/app/notebook/notebook.css +++ b/zeppelin-web/src/app/notebook/notebook.css @@ -13,8 +13,8 @@ */ .paragraph-col { - margin: 0 0 0 0px; - padding: 0 0 0 0px; + margin: 0; + padding: 0; } .paragraph { @@ -50,7 +50,7 @@ margin-left: -10px; margin-right: -10px; font-family: 'Roboto', sans-serif; - background-color: white; + background: white; position: fixed; top: 50px; width: 100%; @@ -59,8 +59,8 @@ } .noteAction h3 { - margin-top: 0px; - margin-bottom: 0px; + margin-top: 0; + margin-bottom: 0; padding-top: 4px; padding-bottom: 4px; } @@ -82,8 +82,7 @@ font-size: 29px; line-height: 1.42857143; color: #555; - background-color: #fff; - background-image: none; + background: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); @@ -111,7 +110,7 @@ */ .setting { - background-color: white; + background: white; padding: 10px 15px 15px 15px; margin-left: -10px; margin-right: -10px; @@ -122,14 +121,14 @@ .setting .interpreterSettings { list-style-type: none; - background-color: #EFEFEF; + background: #EFEFEF; padding: 10px 10px 10px 10px; - box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); border: 1px solid #E5E5E5; } .setting .interpreterSettings div div { - margin: 2px 0px 2px 0px; + margin: 2px 0 2px 0; } .setting .interpreterSettings div div { @@ -137,13 +136,13 @@ } .setting .modal-header { - border: 0px; + border: 0; } .setting .modal-body { - border: 0px; + border: 0; } .setting .modal-footer { - border: 0px; + border: 0; } http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/blob/d08a1214/zeppelin-web/src/app/notebook/paragraph/paragraph.css ---------------------------------------------------------------------- diff --git a/zeppelin-web/src/app/notebook/paragraph/paragraph.css b/zeppelin-web/src/app/notebook/paragraph/paragraph.css index 87a3e30..6588736 100644 --- a/zeppelin-web/src/app/notebook/paragraph/paragraph.css +++ b/zeppelin-web/src/app/notebook/paragraph/paragraph.css @@ -19,7 +19,7 @@ .paragraph-space { margin-bottom: 5px !important; padding: 10px 10px 10px 10px !important; - min-height : 30px; + min-height: 30px; } .paragraph-margin { @@ -36,7 +36,7 @@ display: block; unicode-bidi: embed; display: block !important; - margin: 0 0 0px !important; + margin: 0 0 0 !important; line-height: 1.42857143 !important; word-break: break-all !important; word-wrap: break-word !important; @@ -47,15 +47,15 @@ } .paragraph table { - margin-bottom: 0px; + margin-bottom: 0; } .paragraph p { - margin : 0 0 0 0px; + margin: 0; } .paragraph div svg { - width : 100%; + width: 100%; } .graphContainer { @@ -92,27 +92,27 @@ */ .paragraphAsIframe { - padding: 0px 0px 0px 0px; + padding: 0; margin-top: -79px; margin-left: -10px; margin-right: -10px; } .paragraphAsIframe .control { - background-color: rgba(255,255,255,0.9); + background: rgba(255,255,255,0.9); border-top: 1px solid #EFEFEF; display: none; float: right; color: #999; margin-top: -9px; - margin-right: 0px; + margin-right: 0; position: absolute; clear: both; right: 25px; } .paragraphAsIframe table { - margin-bottom: 0px; + margin-bottom: 0; } .paragraphAsIframe .editor { @@ -142,7 +142,7 @@ font-size: 1px; color: #AAAAAA; height:4px; - margin: 1px 0px 0px 0px; + margin: 1px 0 0 0; } .paragraph .runControl .progress { @@ -150,7 +150,7 @@ width: 100%; height: 4px; z-index: 100; - border-radius: 0px; + border-radius: 0; } .paragraph .runControl .progress .progress-bar { @@ -162,7 +162,7 @@ } .paragraph .control { - background-color: rgba(255,255,255,0.85); + background: rgba(255,255,255,0.85); float: right; color: #999; margin-top: 1px; @@ -195,7 +195,7 @@ */ .paragraph .title { - margin: 0px 0px 0px 0px; + margin: 0; font-size: 12px; } @@ -211,10 +211,9 @@ width: 80%; line-height: 1.42857143; color: #555; - background-color: #fff; - background-image: none; + background: #fff none; border: 1px solid #ccc; - border-radius: 0px; + border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; @@ -230,8 +229,8 @@ */ .paragraphForm.form-horizontal .form-group { - margin-right: 0px; - margin-left: 0px; + margin-right: 0; + margin-left: 0; } .paragraphForm.form-horizontal .form-group label { @@ -246,7 +245,7 @@ width: 100%; border-left: 4px solid #DDDDDD; background: rgba(255, 255, 255, 0.0); - margin: 7px 0 2px 0px; + margin: 7px 0 2px 0; } .paragraph-text--dirty { @@ -266,7 +265,7 @@ } .ace-tm { - background-color: #FFFFFF; + background: #FFFFFF; color: black; } @@ -294,7 +293,7 @@ } #main .emacs-mode .ace_cursor { - background-color: #C0C0C0!important; + background: #C0C0C0!important; border: none !important; } @@ -315,7 +314,7 @@ } .tableDisplay .btn-group span { - margin: 10px 0px 0px 10px; + margin: 10px 0 0 10px; font-size: 12px; } .tableDisplay .btn-group span a { @@ -326,7 +325,7 @@ padding: 5px 5px 5px 5px; font-size: 12px; height: auto; - overflow : auto; + overflow: auto; border-top: 1px solid #ecf0f1; } @@ -336,10 +335,10 @@ } .tableDisplay .option .columns ul { - background-color: white; + background: white; width: auto; padding: 3px 3px 3px 3px; - height : 150px; + height: 150px; border: 1px solid #CCC; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; @@ -363,8 +362,8 @@ } .tableDisplay .option .columns ul li div ul li a { - padding: 0px; - margin: 0px; + padding: 0; + margin: 0; cursor: pointer; } @@ -372,7 +371,7 @@ .tableDisplay .option .columns a:hover { text-decoration: none; outline: 0; - outline-offset: 0px; + outline-offset: 0; } .paragraph .tableDisplay .hljs { http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/blob/d08a1214/zeppelin-web/src/assets/styles/looknfeel/report.css ---------------------------------------------------------------------- diff --git a/zeppelin-web/src/assets/styles/looknfeel/report.css b/zeppelin-web/src/assets/styles/looknfeel/report.css index 944ae11..0a15e8a 100644 --- a/zeppelin-web/src/assets/styles/looknfeel/report.css +++ b/zeppelin-web/src/assets/styles/looknfeel/report.css @@ -17,18 +17,18 @@ body { } .box { - border: 0px; - min-height: 0px; + border: 0; + min-height: 0; } .box:hover, .well:hover { - background-color: white; - border: 0px; + background: white; + border: 0; } .paragraph-col { - border: 0px solid white; + border: 0 solid white; } .paragraph-space { http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/blob/d08a1214/zeppelin-web/src/assets/styles/looknfeel/simple.css ---------------------------------------------------------------------- diff --git a/zeppelin-web/src/assets/styles/looknfeel/simple.css b/zeppelin-web/src/assets/styles/looknfeel/simple.css index 43a78e8..c2ede61 100644 --- a/zeppelin-web/src/assets/styles/looknfeel/simple.css +++ b/zeppelin-web/src/assets/styles/looknfeel/simple.css @@ -23,7 +23,7 @@ body { .box:hover, .well:hover { - background-color: #ffffff; + background: #ffffff; border: 1px solid #DDDDDD; } @@ -40,7 +40,7 @@ body { } .paragraph-space { - padding: 0px 2px 0px 2px !important; + padding: 0 2px 0 2px !important; } .paragraph .control { @@ -55,7 +55,7 @@ body { .paragraph .paragraphFooter { visibility: hidden; - height: 0px; + height: 0; position: relative; top : -13px; z-index: 99; http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/blob/d08a1214/zeppelin-web/src/assets/styles/printMode.css ---------------------------------------------------------------------- diff --git a/zeppelin-web/src/assets/styles/printMode.css b/zeppelin-web/src/assets/styles/printMode.css index d512083..eec647d 100644 --- a/zeppelin-web/src/assets/styles/printMode.css +++ b/zeppelin-web/src/assets/styles/printMode.css @@ -22,7 +22,7 @@ body { .new_h3 { margin-left: 220px; - top: 0px; + top: 0; position: fixed; } @@ -57,4 +57,4 @@ svg { .btn-link { display: none; -} \ No newline at end of file +}
