42/42_INT_14_transcendence
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip new panel

Browse Source
This commit is contained in:
lenovo
2022-12-15 20:56:23 +01:00
parent 9bddde40c7
commit 3241a9dc0f
6 changed files with 38 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
tests_hugo/chat_node/chat_client/chat.html
View File

@@ -42,12 +42,11 @@
--------------------------------- --> --------------------------------- -->
<div class="chat_item chat_panel chat_panel_home" id="chat_panel_home"> <div class="chat_item chat_panel chat_panel_home" id="chat_panel_home">
<div id="chat_room_list" class="__first_child_vanish"> <p class="__center">list of your rooms :</p>
<div class="chat_room_name" id="chat_home_no_room_yet"> <div id="chat_room_list">
<p>/ you have no chat room yet /</p> <div class="chat_room_name __show_if_only_child">
<p class="__center">/ you have no chat room yet /</p>
</div> </div>
<!-- placeholders
-->
<button class="chat_room_name" onclick="layout('room')"> <button class="chat_room_name" onclick="layout('room')">
<p>a room</p> <p>a room</p>
</button> </button>
@@ -57,7 +56,8 @@
<button class="chat_room_name" onclick="layout('room')"> <button class="chat_room_name" onclick="layout('room')">
<p>placeholder</p> <p>placeholder</p>
</button> </button>
<!-- END placeholders --> <!-- placeholders -------
---- END placeholders -->
</div> </div>
</div> </div>
@@ -77,8 +77,7 @@
</div> </div>
<div class="chat_item chat_panel chat_panel_new" id="chat_panel_new"> <div class="chat_item chat_panel chat_panel_new" id="chat_panel_new">
<!-- content --> <button id="create_new_room_btn"><p>create</p></button>
panel new
</div> </div>
<div class="chat_item chat_panel chat_panel_settings" id="chat_panel_settings"> <div class="chat_item chat_panel chat_panel_settings" id="chat_panel_settings">

4
tests_hugo/chat_node/chat_client/style/chat.css
View File

@@ -1,4 +1,8 @@
/*
cxv
*/
@import 'chat__global.css'; @import 'chat__global.css';
@import 'layout_close.css'; @import 'layout_close.css';

19
tests_hugo/chat_node/chat_client/style/chat__global.css
View File

@@ -6,12 +6,12 @@
font-size: 15px; font-size: 15px;
} }
/* show first child only if it's alone /* show child only if it's alone
*/ */
#chat_box .__first_child_vanish > *#chat_home_no_room_yet { #chat_box .__show_if_only_child {
display: none; display: none;
} }
#chat_box .__first_child_vanish > *#chat_home_no_room_yet:only-child { #chat_box .__show_if_only_child:only-child {
display: flex; display: flex;
color: rgb(100, 100, 100); color: rgb(100, 100, 100);
} }
@@ -22,3 +22,16 @@
#chat_box .chat_item.chat_panel { #chat_box .chat_item.chat_panel {
border-top: 1px solid black; border-top: 1px solid black;
} }
/* text center
*/
#chat_box p.__center {
text-align: center;
}
#chat_box .chat_item > * {
margin: 0px;
}

5
tests_hugo/chat_node/chat_client/style/chat_room_list.css
View File

@@ -1,9 +1,9 @@
/* chat home rooms list /* chat home rooms list
*/
#chat_box .chat_item#chat_panel_home #chat_room_list { #chat_box .chat_item#chat_panel_home #chat_room_list {
margin-top: 0px; margin-top: 0px;
} }
*/
#chat_box #chat_panel_home .chat_room_name { #chat_box #chat_panel_home .chat_room_name {
margin: 0px; margin: 0px;
@@ -15,7 +15,6 @@
} }
#chat_box #chat_panel_home .chat_room_name p { #chat_box #chat_panel_home .chat_room_name p {
margin: 0px; margin-left: 0px;
text-align: start;
} }

5
tests_hugo/chat_node/chat_client/style/chat_write.css
View File

@@ -1,3 +1,7 @@
.chat_item#chat_panel_write {
border: 1px solid black;
}
.chat_item#chat_panel_write .text_area { .chat_item#chat_panel_write .text_area {
display: block; display: block;
position: absolute; position: absolute;
@@ -13,7 +17,6 @@
overflow-x: hidden; overflow-x: hidden;
overflow-y: scroll; overflow-y: scroll;
background-color: white; background-color: white;
border: 1px solid black;
} }
.chat_item#chat_panel_write .text_area div { .chat_item#chat_panel_write .text_area div {
display: block ruby; display: block ruby;

5
tests_hugo/chat_node/chat_client/style/layout_new.css
View File

@@ -21,3 +21,8 @@
pointer-events: none; pointer-events: none;
} }
#chat_box.new .chat_item button#create_new_room_btn {
margin: 10px 0px;
}