annotate Applications/StoneWebViewer/WebApplication/app-fixes.css @ 2012:637d6373127a

width of the vertical slider has doubled to ease user interactions
author Sebastien Jodogne <s.jodogne@gmail.com>
date Fri, 02 Dec 2022 18:49:06 +0100
parents ed5a0b9183dc
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1686
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
1 /* https://stackoverflow.com/a/16863182/881731 */
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
2 .tooltip {
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
3 position: fixed;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
4 }
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
5
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
6
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
7 /* The following fixes the layout if Bootstrap CSS is not used */
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
8
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
9 /**
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
10 *,
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
11 *::before,
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
12 *::after {
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
13 box-sizing: border-box;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
14 }
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
15 **/
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
16
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
17 .wvInfoScreen {
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
18 width: 100%;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
19 height: 100%;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
20 background-color: black;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
21 position: fixed;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
22 top: 0;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
23 left: 0;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
24 z-index: 9999;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
25
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
26 display: flex;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
27 align-items: center;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
28 justify-content: center;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
29 }
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
30
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
31 .wvInfoPopup {
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
32 background-color: black;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
33 border: white;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
34 border-style: solid;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
35 border-radius: 5px;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
36 border-width: 2px;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
37 padding: 20px;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
38 }
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
39
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
40 .wvInfoPopupCloseButton {
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
41 background-color: gray;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
42 border: none;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
43 border-radius: 5px;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
44 padding: 7px;
59fc37c10cfa nicer info message at startup
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
45 }
1967
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
46
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
47
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
48 .wvVerticalScrollbar {
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
49 position: absolute;
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
50 top: 0;
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
51 bottom: 0;
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
52 right: 0;
2012
637d6373127a width of the vertical slider has doubled to ease user interactions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1968
diff changeset
53 width: 20px;
1967
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
54 background-color: #1b663e;
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
55 }
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
56
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
57 .wvInfoRightMargin {
2012
637d6373127a width of the vertical slider has doubled to ease user interactions
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1968
diff changeset
58 right: 20px !important; /* must match the "width" of "wvVerticalScrollbar" */
1967
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
59 }
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
60
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
61 .wvVerticalScrollbarHighlight {
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
62 position: absolute;
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
63 left: 0;
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
64 right: 0;
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
65 height: 5%;
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
66 background-color: #00ff00;
b180233143ae Added vertical slider showing position of the current frame inside the series
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1686
diff changeset
67 }
1968
ed5a0b9183dc The text field with the instance number is editable to go to a specific instance
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1967
diff changeset
68
ed5a0b9183dc The text field with the instance number is editable to go to a specific instance
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1967
diff changeset
69 .wvInputInstanceNumber {
ed5a0b9183dc The text field with the instance number is editable to go to a specific instance
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1967
diff changeset
70 width: 6ch; /* width of 6 characters */
ed5a0b9183dc The text field with the instance number is editable to go to a specific instance
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1967
diff changeset
71 border: 2px solid rgba(255, 202, 128, 0.24);
ed5a0b9183dc The text field with the instance number is editable to go to a specific instance
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1967
diff changeset
72 background-color: transparent;
ed5a0b9183dc The text field with the instance number is editable to go to a specific instance
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 1967
diff changeset
73 }