[zeppelin] branch master updated: [ZEPPELIN-4276] Reset the default styles of HTML type result

[zjffdu]

This is an automated email from the ASF dual-hosted git repository.

zjffdu pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/zeppelin.git


The following commit(s) were added to refs/heads/master by this push:
     new b9d0e85  [ZEPPELIN-4276] Reset the default styles of HTML type result
b9d0e85 is described below

commit b9d0e850c4dadc4242e9907b8d4ec2548b7163b8
Author: Hsuan Lee <hsua...@gmail.com>
AuthorDate: Mon Dec 30 17:20:03 2019 +0800

    [ZEPPELIN-4276] Reset the default styles of HTML type result
    
    ### What is this PR for?
    
    Reset the default styles of HTML type result
    
    ### What type of PR is it?
    [Bug Fix]
    
    ### What is the Jira issue?
    
    https://jira.apache.org/jira/browse/ZEPPELIN-4276
    
    ### How should this be tested?
    
    N/A
    
    ### Screenshots (if appropriate)
    
    
![image](https://user-images.githubusercontent.com/22736418/71575482-12a96900-2b28-11ea-80e7-ecde46083816.png)
    
    ### Questions:
    * Does the licenses files need update? No
    * Is there breaking changes for older versions? No
    * Does this needs documentation? No
    
    Author: Hsuan Lee <hsua...@gmail.com>
    
    Closes #3576 from hsuanxyz/fix/html-styles and squashes the following 
commits:
    
    c49df1a5d [Hsuan Lee] chore: adjust styles
    1ddeb675d [Hsuan Lee] fix: reset the default styles of HTML type result
---
 .../src/app/notebook/paragraph/result/result.css   | 54 ++++++++++++++++++++++
 .../src/app/notebook/paragraph/result/result.html  |  2 +-
 2 files changed, 55 insertions(+), 1 deletion(-)

diff --git a/zeppelin-web/src/app/notebook/paragraph/result/result.css 
b/zeppelin-web/src/app/notebook/paragraph/result/result.css
index 9f9b967..4ef35f6 100644
--- a/zeppelin-web/src/app/notebook/paragraph/result/result.css
+++ b/zeppelin-web/src/app/notebook/paragraph/result/result.css
@@ -58,6 +58,60 @@
   text-align: center;
 }
 
+.html-result {
+  overflow: auto
+}
+
+.html-result ol, ul, dl {
+  padding-left: 20px;
+}
+
+.html-result img {
+  max-width: 100%;
+  height: auto;
+  width: auto;
+}
+
+.html-result table {
+  border: none;
+  border-collapse: collapse;
+  border-spacing: 0;
+  table-layout: fixed;
+}
+
+.html-result thead {
+  border-bottom: 2px solid #3f3f3f;
+  vertical-align: bottom;
+}
+
+.html-result tr, th, td {
+  text-align: right;
+  vertical-align: middle;
+  padding: 0.5em 0.5em;
+  line-height: normal;
+  white-space: normal;
+  max-width: none;
+  border: none;
+}
+
+.html-result th {
+  font-weight: bold;
+}
+
+.html-result tbody tr {
+  border-bottom: 1px solid;
+  border-color: #d4d4d4;
+  background: #fff;
+}
+
+.html-result tbody tr:nth-child(odd) {
+  background: #fdfdfd;
+}
+
+.html-result tbody tr:hover {
+  background: #f2f2f2
+}
+
 /* D3 Graph Configuration */
 marker {
   fill: #D3D3D3;
diff --git a/zeppelin-web/src/app/notebook/paragraph/result/result.html 
b/zeppelin-web/src/app/notebook/paragraph/result/result.html
index 5099cfa..964475d 100644
--- a/zeppelin-web/src/app/notebook/paragraph/result/result.html
+++ b/zeppelin-web/src/app/notebook/paragraph/result/result.html
@@ -108,7 +108,7 @@ limitations under the License.
     </div>
 
     <div id="p{{id}}_html"
-         class="resultContained"
+         class="resultContained html-result"
          ng-if="type == 'HTML'"
          ng-style="getPointerEvent()">
     </div>