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

added light background to home and new rooms names

Browse Source
This commit is contained in:
hugogogo
2022-12-16 13:03:19 +01:00
parent 84176f3a52
commit e91103132c
4 changed files with 26 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -82,7 +82,7 @@
<div class="chat_item chat_panel chat_panel_new" id="chat_panel_new">
<button class="chat_create_btn"><p>create</p></button>
<p>join room :</p>
<div id="chat_api_publics_rooms" class="chat_api">
<div id="chat_api_publics_rooms" class="chat_api chat_public_rooms">
<div class="chat_public_rooms __show_if_only_child">
<p class="__center">/ there are no public rooms yet /</p>
</div>

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

@@ -4,6 +4,7 @@
#chat_box p {
padding: 10px;
font-size: 15px;
font-family: Cantarell;
}
/* show child only if it's alone

6
tests_hugo/chat_node/chat_client/style/layout_home.css
View File

@@ -52,3 +52,9 @@
}
/* button "settings" as 3 dots
*/
#chat_box.home #chat_api_room_list {
background-color: rgb(240, 240, 240);
}

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

@@ -21,19 +21,27 @@
pointer-events: none;
}
/* add or remove '.chat_item' to toggle the hover effect */
#chat_box.new .chat_item button {
margin: 0px;
background-color: transparent;
}
/* button "create" appearance
*/
#chat_box.new .chat_item button.chat_create_btn {
margin: 10px 0px;
}
/*
<div id="chat_api_publics_rooms" class="chat_api">
<button class="chat_room_name" onclick="layout('room')">
<p class="__left">join room</p>
*/
/* buttons "<rooms_name>" appearance
*/
/* add or remove '.chat_item' to toggle the hover effect */
#chat_box.new .chat_public_rooms button {
margin: 0px;
background-color: transparent;
}
/* buttons "<rooms_name>" appearance
*/
#chat_box.new #chat_api_publics_rooms {
background-color: rgb(240, 240, 240);
}