R11/release11-tools-mocked-services
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Minor style change. Modal implementation

Browse Source
This commit is contained in:
Gabriel Modzelewski
2021-04-15 12:51:34 +02:00
parent e40fc4efb7
commit 49106717a1
4 changed files with 50 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/main/resources/static/css/commons/r11form.css
View File

@@ -56,8 +56,11 @@
resize: vertical; resize: vertical;
} }
.container { body {
font-family: 'Nunito', sans-serif; font-family: 'Nunito', sans-serif;
}
.container {
display: flex; display: flex;
justify-content: left; justify-content: left;
width: 100%; width: 100%;

23
src/main/resources/static/html/mock.html
View File

@@ -131,14 +131,14 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr class="even"> <!-- <tr class="even">
<td>2021-01-01T10:57:26</td> <td>2021-01-01T10:57:26</td>
<td>Client request</td> <td>Client request</td>
</tr> </tr>
<tr> <tr>
<td>2021-01-01T10:57:26</td> <td>2021-01-01T10:57:26</td>
<td>Client request</td> <td>Client request</td>
</tr> </tr> -->
</tbody> </tbody>
</table> </table>
</div> </div>
@@ -225,6 +225,25 @@
</div> </div>
</div> </div>
</div> </div>
<div id="overlay"></div>
<div id="modal-confirm" class="modal">
<div class="header">
<div>Message saved<i class="r-exclamation"></i></div>
<button>&times;</button>
</div>
<div class="body">Your message has been successfuly saved.<br>You might view it under the link.</div>
</div>
<div id="modal-query" class="modal">
<div class="header">
<div>Unsaved data<i class="r-exclamation"></i></div>
<button>&times;</button>
</div>
<div class="body">You haven't saved your message! Any changes will be lost.<br>Do you want to continue?</div>
<div class="function">
<button>Yes</button>
<button>No</button>
</div>
</div>
<script type="text/javascript" src="/js/modal.js"></script> <script type="text/javascript" src="/js/modal.js"></script>
<script type="text/javascript" src="/js/uianimation.js"></script> <script type="text/javascript" src="/js/uianimation.js"></script>
<script type="text/javascript" src="/js/datatransfer.js"></script> <script type="text/javascript" src="/js/datatransfer.js"></script>

5
target/classes/static/css/commons/r11form.css
View File

@@ -56,8 +56,11 @@
resize: vertical; resize: vertical;
} }
.container { body {
font-family: 'Nunito', sans-serif; font-family: 'Nunito', sans-serif;
}
.container {
display: flex; display: flex;
justify-content: left; justify-content: left;
width: 100%; width: 100%;

23
target/classes/static/html/mock.html
View File

@@ -131,14 +131,14 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr class="even"> <!-- <tr class="even">
<td>2021-01-01T10:57:26</td> <td>2021-01-01T10:57:26</td>
<td>Client request</td> <td>Client request</td>
</tr> </tr>
<tr> <tr>
<td>2021-01-01T10:57:26</td> <td>2021-01-01T10:57:26</td>
<td>Client request</td> <td>Client request</td>
</tr> </tr> -->
</tbody> </tbody>
</table> </table>
</div> </div>
@@ -225,6 +225,25 @@
</div> </div>
</div> </div>
</div> </div>
<div id="overlay"></div>
<div id="modal-confirm" class="modal">
<div class="header">
<div>Message saved<i class="r-exclamation"></i></div>
<button>&times;</button>
</div>
<div class="body">Your message has been successfuly saved.<br>You might view it under the link.</div>
</div>
<div id="modal-query" class="modal">
<div class="header">
<div>Unsaved data<i class="r-exclamation"></i></div>
<button>&times;</button>
</div>
<div class="body">You haven't saved your message! Any changes will be lost.<br>Do you want to continue?</div>
<div class="function">
<button>Yes</button>
<button>No</button>
</div>
</div>
<script type="text/javascript" src="/js/modal.js"></script> <script type="text/javascript" src="/js/modal.js"></script>
<script type="text/javascript" src="/js/uianimation.js"></script> <script type="text/javascript" src="/js/uianimation.js"></script>
<script type="text/javascript" src="/js/datatransfer.js"></script> <script type="text/javascript" src="/js/datatransfer.js"></script>