Mark-Lasfar commited on
Commit ·
56f9013
1
Parent(s): 72b1110
add chat
Browse files- static/css/chat/style.css +4 -7
- static/css/style.css +2 -8
static/css/chat/style.css
CHANGED
|
@@ -19,7 +19,6 @@
|
|
| 19 |
html {
|
| 20 |
-webkit-text-size-adjust: 100%;
|
| 21 |
}
|
| 22 |
-
|
| 23 |
.chat-controls {
|
| 24 |
display: flex;
|
| 25 |
align-items: center;
|
|
@@ -35,7 +34,7 @@ html {
|
|
| 35 |
|
| 36 |
#chatArea {
|
| 37 |
flex: 1;
|
| 38 |
-
display: flex
|
| 39 |
flex-direction: column;
|
| 40 |
overflow-y: auto;
|
| 41 |
width: 100%;
|
|
@@ -45,20 +44,18 @@ html {
|
|
| 45 |
word-wrap: break-word;
|
| 46 |
word-break: break-word;
|
| 47 |
max-width: 100%;
|
| 48 |
-
min-height: 0; /* لمنع الانهيار في flex */
|
| 49 |
}
|
| 50 |
|
| 51 |
#chatBox {
|
| 52 |
-
display: flex
|
| 53 |
flex-direction: column;
|
| 54 |
width: 100%;
|
| 55 |
height: 100%;
|
| 56 |
overflow-y: auto;
|
| 57 |
-
padding: 0.75rem 0.75rem calc(var(--footer-height
|
| 58 |
box-sizing: border-box;
|
| 59 |
max-width: 100%;
|
| 60 |
overflow-wrap: break-word;
|
| 61 |
word-wrap: break-word;
|
| 62 |
word-break: break-word;
|
| 63 |
-
|
| 64 |
-
}
|
|
|
|
| 19 |
html {
|
| 20 |
-webkit-text-size-adjust: 100%;
|
| 21 |
}
|
|
|
|
| 22 |
.chat-controls {
|
| 23 |
display: flex;
|
| 24 |
align-items: center;
|
|
|
|
| 34 |
|
| 35 |
#chatArea {
|
| 36 |
flex: 1;
|
| 37 |
+
display: flex;
|
| 38 |
flex-direction: column;
|
| 39 |
overflow-y: auto;
|
| 40 |
width: 100%;
|
|
|
|
| 44 |
word-wrap: break-word;
|
| 45 |
word-break: break-word;
|
| 46 |
max-width: 100%;
|
|
|
|
| 47 |
}
|
| 48 |
|
| 49 |
#chatBox {
|
| 50 |
+
display: flex; /* غير display: none إلى flex ليظهر */
|
| 51 |
flex-direction: column;
|
| 52 |
width: 100%;
|
| 53 |
height: 100%;
|
| 54 |
overflow-y: auto;
|
| 55 |
+
padding: 0.75rem 0.75rem calc(var(--footer-height) + 1rem) 1rem;
|
| 56 |
box-sizing: border-box;
|
| 57 |
max-width: 100%;
|
| 58 |
overflow-wrap: break-word;
|
| 59 |
word-wrap: break-word;
|
| 60 |
word-break: break-word;
|
| 61 |
+
}
|
|
|
static/css/style.css
CHANGED
|
@@ -19,17 +19,11 @@ html, body {
|
|
| 19 |
-moz-osx-font-smoothing: grayscale;
|
| 20 |
}
|
| 21 |
|
| 22 |
-
#chatArea {
|
| 23 |
-
flex: 1;
|
| 24 |
-
min-height: 0; /* لمنع الانهيار */
|
| 25 |
-
overflow-y: auto;
|
| 26 |
-
}
|
| 27 |
-
|
| 28 |
body {
|
| 29 |
display: flex;
|
| 30 |
flex-direction: column;
|
| 31 |
-
background-color: var(--background-dark
|
| 32 |
-
color: var(--text-dark
|
| 33 |
overflow: hidden;
|
| 34 |
word-wrap: break-word;
|
| 35 |
}
|
|
|
|
| 19 |
-moz-osx-font-smoothing: grayscale;
|
| 20 |
}
|
| 21 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 22 |
body {
|
| 23 |
display: flex;
|
| 24 |
flex-direction: column;
|
| 25 |
+
background-color: var(--background-dark);
|
| 26 |
+
color: var(--text-dark);
|
| 27 |
overflow: hidden;
|
| 28 |
word-wrap: break-word;
|
| 29 |
}
|