Subversion Repository Public Repository

Nextrek

Diff Revisions 1122 vs 1123 for /socketIO/public/style/rooms.css

Diff revisions: vs.
  @@ -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;