comparison src/chat.css @ 68:329c3f70fd78

UI
author Franklin Schmidt <fschmidt@gmail.com>
date Thu, 06 Mar 2025 19:43:18 -0700
parents 6cfef9850520
children bce0480721c1
comparison
equal deleted inserted replaced
67:e4e331539146 68:329c3f70fd78
87 color: grey; 87 color: grey;
88 } 88 }
89 89
90 span[pulldown] { 90 span[pulldown] {
91 position: relative; 91 position: relative;
92 }
93
94 div[who] span[pulldown] {
92 width: 16px; 95 width: 16px;
93 display: inline-block; 96 display: inline-block;
94 vertical-align: middle; 97 vertical-align: middle;
95 } 98 }
96 99
97 span[pulldown] > div { 100 span[pulldown] > div {
98 display: none; 101 display: none;
99 top: 0;
100 right: 100%; 102 right: 100%;
101 z-index: 2; 103 z-index: 2;
102 position: absolute; 104 position: absolute;
103 border: 1px solid #cccccc; 105 border: 1px solid #cccccc;
104 border-radius: 4px; 106 border-radius: 4px;
105 text-align: left; 107 text-align: left;
106 background-color: #eeeeee; 108 background-color: #eeeeee;
107 padding: 5px 0; 109 padding: 5px 0;
108 } 110 }
109 111
112 div[who] span[pulldown] > div {
113 top: 0;
114 }
115
116 div[top] span[pulldown] > div {
117 right: 0;
118 }
119
110 span[pulldown] > div > span { 120 span[pulldown] > div > span {
111 white-space: nowrap; 121 white-space: nowrap;
112 display: block; 122 display: block;
113 padding: 3px 16px; 123 padding: 3px 16px;
114 xcolor: #333333;
115 cursor: pointer; 124 cursor: pointer;
116 } 125 }
117 126
118 span[pulldown] > div > span:hover { 127 span[pulldown] > div > span:hover {
119 color: #ffffff; 128 color: #ffffff;
169 178
170 input[type="file"] { 179 input[type="file"] {
171 display: none; 180 display: none;
172 } 181 }
173 182
174 a[people] {
175 color: black;
176 }
177
178 div[people] { 183 div[people] {
179 margin-bottom: 40px; 184 margin-bottom: 40px;
180 } 185 }
181 186
182 div[people] img[phone] { 187 div[people] img[phone] {