ソースを参照

Remove min-width prop from first child of body; modified styles for rnahw-wrapper

iou90 5 年 前
コミット
a845e78524
共有2 個のファイルを変更した3 個の追加4 個の削除を含む
  1. 2
    3
      demo/App.js
  2. 1
    1
      demo/newsletterBahn.js

+ 2
- 3
demo/App.js ファイルの表示

116
       }}>
116
       }}>
117
       <AutoHeightWebView
117
       <AutoHeightWebView
118
         scalesPageToFit
118
         scalesPageToFit
119
-        scrollableWhenZoomin
120
-        scrollEnabled={false}
121
         customStyle={
119
         customStyle={
122
           `
120
           `
123
           #rnahw-wrapper {
121
           #rnahw-wrapper {
124
-            padding: 0 30px;
122
+            padding: 0 15px;
125
             width: 100vw;
123
             width: 100vw;
126
             box-sizing: border-box;
124
             box-sizing: border-box;
125
+            background-color: white;
127
           }
126
           }
128
           `
127
           `
129
         }
128
         }

+ 1
- 1
demo/newsletterBahn.js ファイルの表示

7
     <meta name="viewport" content="width=device-width">
7
     <meta name="viewport" content="width=device-width">
8
   </head>
8
   </head>
9
   <body style="background-color: rgb(206, 206, 206);margin: 0; width:100%;">
9
   <body style="background-color: rgb(206, 206, 206);margin: 0; width:100%;">
10
-    <div id="doc" style="font-family:Arial,sans-serif;font-size:12px;height:100%; min-width:500px; max-width: 944px; background: #fff; margin: 0; color:#333333">
10
+    <div id="doc" style="font-family:Arial,sans-serif;font-size:12px;height:100%; max-width: 944px; background: #fff; margin: 0; color:#333333">
11
       <table style="width: 100%;">
11
       <table style="width: 100%;">
12
         <tr style="height: 48px;">
12
         <tr style="height: 48px;">
13
           <td style="vertical-align:bottom;padding-left:24px;">
13
           <td style="vertical-align:bottom;padding-left:24px;">