Nextrek
Diff Revisions
1122
vs
1123
for /socketIO/public/style/rooms.css
|
@@ -6,14 +6,14 @@ |
6 |
6 |
|
#page { |
7 |
7 |
|
display: flex; |
8 |
8 |
|
} |
9 |
|
- |
#rooms { |
|
9 |
+ |
#customers-rooms { |
10 |
10 |
|
width: 70vw; |
11 |
11 |
|
height: 100%; |
12 |
12 |
|
display: flex; |
13 |
13 |
|
flex-wrap: wrap; |
14 |
14 |
|
padding: 1vw; |
15 |
15 |
|
} |
16 |
|
- |
#rooms > .room { |
|
16 |
+ |
#customers-rooms > .room { |
17 |
17 |
|
width: 42vw; |
18 |
18 |
|
border: 2px solid #6755f7; |
19 |
19 |
|
margin: 5px; |
|
@@ -23,41 +23,51 @@ |
23 |
23 |
|
align-items: stretch; |
24 |
24 |
|
position: relative; |
25 |
25 |
|
} |
26 |
|
- |
#rooms > .room ul { |
|
26 |
+ |
#customers-rooms > .room ul { |
27 |
27 |
|
list-style: none; |
28 |
28 |
|
flex-grow: 1; |
29 |
29 |
|
padding: 10px 5px; |
30 |
30 |
|
} |
31 |
|
- |
#rooms > .room .room-title { |
32 |
|
- |
width: 100%; |
|
31 |
+ |
#customers-rooms > .room .room-title { |
33 |
32 |
|
padding: 5px 10px; |
34 |
33 |
|
color: #f3bc42; |
35 |
34 |
|
background: #6755f7; |
36 |
35 |
|
font-size: 14px; |
37 |
36 |
|
} |
38 |
|
- |
#rooms > .room .close { |
|
37 |
+ |
#customers-rooms > .room .close { |
39 |
38 |
|
content: '×'; |
40 |
39 |
|
position: absolute; |
41 |
40 |
|
right: 0; |
42 |
41 |
|
top: 0; |
43 |
42 |
|
} |
44 |
|
- |
#rooms > .room li { |
|
43 |
+ |
#customers-rooms > .room li { |
45 |
44 |
|
padding: 5px 10px; |
|
45 |
+ |
clear: both; |
|
46 |
+ |
background: #eee; |
|
47 |
+ |
margin: 5px; |
|
48 |
+ |
} |
|
49 |
+ |
#customers-rooms > .room li.operator { |
|
50 |
+ |
float: right; |
|
51 |
+ |
border-radius: 10px 0 10px 10px; |
|
52 |
+ |
} |
|
53 |
+ |
#customers-rooms > .room li.customer { |
|
54 |
+ |
float: left; |
|
55 |
+ |
border-radius: 0 10px 10px 10px; |
46 |
56 |
|
} |
47 |
|
- |
#rooms > .room form { |
|
57 |
+ |
#customers-rooms > .room form { |
48 |
58 |
|
border-top: 2px solid #6755f7; |
49 |
59 |
|
display: flex; |
50 |
60 |
|
} |
51 |
|
- |
#rooms > .room form input[type="text"] { |
|
61 |
+ |
#customers-rooms > .room form input[type="text"] { |
52 |
62 |
|
border: 0; |
53 |
63 |
|
flex-grow: 1; |
54 |
64 |
|
padding: 0 10px; |
55 |
65 |
|
outline: none; |
56 |
66 |
|
} |
57 |
|
- |
#rooms > .room form input[type="text"]:focus { |
|
67 |
+ |
#customers-rooms > .room form input[type="text"]:focus { |
58 |
68 |
|
background-color: #faebbf; |
59 |
69 |
|
} |
60 |
|
- |
#rooms > .room form button { |
|
70 |
+ |
#customers-rooms > .room form button { |
61 |
71 |
|
color: #f3bc42; |
62 |
72 |
|
background: #6755f7; |
63 |
73 |
|
padding: 6px 10px; |