Hugging Face's logo

Spaces:
cm107
/
test_flask_space
Paused

App Files Community
cm107 commited on
Commit
404baf7
·
1 Parent(s): 6848756

Debugging the scrollbar.

Browse files
Files changed (4) hide show
  1. app.py +4 -0
  2. static/css/main.css +1 -0
  3. templates/index.html +4 -1
  4. templates/scroll_debug.html +35 -0
app.py CHANGED
@@ -98,5 +98,9 @@ def echo():
98
  # data=msg
99
  )
100
 
 
 
 
 
101
  if __name__ == '__main__':
102
  app.run(host='0.0.0.0', port=int(os.environ.get('PORT', 7860)))
 
98
  # data=msg
99
  )
100
 
101
+ @app.route('/debug/scrolling')
102
+ def debug_scrolling():
103
+ return flask.render_template('scroll_debug.html')
104
+
105
  if __name__ == '__main__':
106
  app.run(host='0.0.0.0', port=int(os.environ.get('PORT', 7860)))
static/css/main.css CHANGED
@@ -1,6 +1,7 @@
1
  body {
2
  padding: 2rem;
3
  font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
 
4
  }
5
 
6
  .card {
 
1
  body {
2
  padding: 2rem;
3
  font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
4
+ overflow: auto;
5
  }
6
 
7
  .card {
templates/index.html CHANGED
@@ -56,7 +56,7 @@
56
  </li>
57
  </ul>
58
  </li>
59
- <li class>
60
  Evaluate Examples:
61
  <ul>
62
  <li>
@@ -73,6 +73,9 @@
73
  <li>
74
  <a href="/show/shapes">Draw some shapes using python's cv2 and display in html page.</a>
75
  </li>
 
 
 
76
  </ul>
77
 
78
  <script type="text/javascript" src="../static/js/test_page.js"></script>
 
56
  </li>
57
  </ul>
58
  </li>
59
+ <li>
60
  Evaluate Examples:
61
  <ul>
62
  <li>
 
73
  <li>
74
  <a href="/show/shapes">Draw some shapes using python's cv2 and display in html page.</a>
75
  </li>
76
+ <li>
77
+ <a href="/debug/scrolling">Debug the page scrollbar.</a>
78
+ </li>
79
  </ul>
80
 
81
  <script type="text/javascript" src="../static/js/test_page.js"></script>
templates/scroll_debug.html ADDED
@@ -0,0 +1,35 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html>
3
+
4
+ <head>
5
+ <meta charset="utf-8" />
6
+ <meta name="viewport" content="width=device-width" />
7
+ <title>Show Shapes</title>
8
+ <link rel="stylesheet" href="../static/css/main.css" />
9
+ </head>
10
+
11
+ <body>
12
+ <h1>Let's debug the page scrolling.</h1>
13
+ <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
14
+ <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
15
+ <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
16
+ <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
17
+ <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
18
+ <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
19
+ <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
20
+ <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
21
+ <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
22
+ <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
23
+ <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
24
+ <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
25
+ <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
26
+ <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
27
+ The End
28
+ <h1>Navigation</h1>
29
+ <li>
30
+ <a href="../..">Home</a>
31
+ </li>
32
+
33
+ </body>
34
+
35
+ </html>