alessandro trinca tornidor
commited on
Commit
·
128c69e
1
Parent(s):
334f9fe
feat: add message for mobile users for using the project in landscape mode
Browse files- static/index.css +17 -1
- static/index.html +1 -0
static/index.css
CHANGED
|
@@ -102,4 +102,20 @@ td {
|
|
| 102 |
}
|
| 103 |
.width-80perc {
|
| 104 |
width: 80%;
|
| 105 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 102 |
}
|
| 103 |
.width-80perc {
|
| 104 |
width: 80%;
|
| 105 |
+
}
|
| 106 |
+
#id-landscape-message {
|
| 107 |
+
display: none;
|
| 108 |
+
}
|
| 109 |
+
.id-orientation-message {
|
| 110 |
+
display: none;
|
| 111 |
+
}
|
| 112 |
+
@media screen and (max-width: 1024px) and (orientation: portrait) {
|
| 113 |
+
.id-orientation-message {
|
| 114 |
+
display: block;
|
| 115 |
+
text-align: center;
|
| 116 |
+
}
|
| 117 |
+
.id-orientation-message:before {
|
| 118 |
+
color: red;
|
| 119 |
+
content: "(Mobile users: use this in landscape mode!)"
|
| 120 |
+
}
|
| 121 |
+
}
|
static/index.html
CHANGED
|
@@ -9,6 +9,7 @@
|
|
| 9 |
</head>
|
| 10 |
<body>
|
| 11 |
<h1 class="h1">Word Frequency Statistics in text</h1>
|
|
|
|
| 12 |
<div class="margin10px">
|
| 13 |
<button id="btn4-getWordFrequency" aria-label="btn4-getWordFrequency" onclick="getWordFrequency()" type="submit">get words frequency</button>
|
| 14 |
<label for="id-input-file-selector" class="margin5px-left">Text file selector</label>
|
|
|
|
| 9 |
</head>
|
| 10 |
<body>
|
| 11 |
<h1 class="h1">Word Frequency Statistics in text</h1>
|
| 12 |
+
<div id="id-orientation-message" class="id-orientation-message" aria-hidden="true"><!-- ::before (Mobile users: use this project in landscape mode!) --></div>
|
| 13 |
<div class="margin10px">
|
| 14 |
<button id="btn4-getWordFrequency" aria-label="btn4-getWordFrequency" onclick="getWordFrequency()" type="submit">get words frequency</button>
|
| 15 |
<label for="id-input-file-selector" class="margin5px-left">Text file selector</label>
|