source: trip-planner-front/node_modules/primeng/resources/components/dialog/dialog.css@ 59329aa

Last change on this file since 59329aa was 59329aa, checked in by Ema <ema_spirova@…>, 3 years ago

adding photos

  • Property mode set to 100644
File size: 2.4 KB
Line 
1.p-dialog-mask {
2 position: fixed;
3 top: 0;
4 left: 0;
5 width: 100%;
6 height: 100%;
7 display: flex;
8 justify-content: center;
9 align-items: center;
10 pointer-events: none;
11}
12
13.p-dialog-mask.p-component-overlay {
14 pointer-events: auto;
15}
16
17.p-dialog {
18 display: flex;
19 flex-direction: column;
20 pointer-events: auto;
21 max-height: 90%;
22 transform: scale(1);
23 position: relative;
24}
25.p-dialog-content {
26 overflow-y: auto;
27 flex-grow: 1;
28}
29
30.p-dialog-header {
31 display: flex;
32 align-items: center;
33 justify-content: space-between;
34 flex-shrink: 0;
35}
36
37.p-dialog-footer {
38 flex-shrink: 0;
39}
40
41.p-dialog .p-dialog-header-icons {
42 display: flex;
43 align-items: center;
44}
45
46.p-dialog .p-dialog-header-icon {
47 display: flex;
48 align-items: center;
49 justify-content: center;
50 overflow: hidden;
51 position: relative;
52}
53
54/* Fluid */
55.p-fluid .p-dialog-footer .p-button {
56 width: auto;
57}
58
59
60/* Top, Bottom, Left, Right, Top* and Bottom* */
61.p-dialog-top .p-dialog,
62.p-dialog-bottom .p-dialog,
63.p-dialog-left .p-dialog,
64.p-dialog-right .p-dialog,
65.p-dialog-top-left .p-dialog,
66.p-dialog-top-right .p-dialog,
67.p-dialog-bottom-left .p-dialog,
68.p-dialog-bottom-right .p-dialog {
69 margin: .75rem;
70 transform: translate3d(0px, 0px, 0px);
71}
72
73/* Maximize */
74.p-dialog-maximized {
75 -webkit-transition: none;
76 transition: none;
77 transform: none;
78 width: 100vw !important;
79 height: 100vh !important;
80 top: 0px !important;
81 left: 0px !important;
82 max-height: 100%;
83 height: 100%;
84}
85.p-dialog-maximized .p-dialog-content {
86 flex-grow: 1;
87}
88
89/* Position */
90.p-dialog-left {
91 justify-content: flex-start;
92}
93.p-dialog-right {
94 justify-content: flex-end;
95}
96.p-dialog-top {
97 align-items: flex-start;
98}
99.p-dialog-top-left {
100 justify-content: flex-start;
101 align-items: flex-start;
102}
103.p-dialog-top-right {
104 justify-content: flex-end;
105 align-items: flex-start;
106}
107.p-dialog-bottom {
108 align-items: flex-end;
109}
110.p-dialog-bottom-left {
111 justify-content: flex-start;
112 align-items: flex-end;
113}
114.p-dialog-bottom-right {
115 justify-content: flex-end;
116 align-items: flex-end;
117}
118
119/* Resizable */
120.p-dialog .p-resizable-handle {
121 position: absolute;
122 font-size: 0.1px;
123 display: block;
124 cursor: se-resize;
125 width: 12px;
126 height: 12px;
127 right: 1px;
128 bottom: 1px;
129}
130
131.p-confirm-dialog .p-dialog-content {
132 display: flex;
133 align-items: center;
134}
Note: See TracBrowser for help on using the repository browser.