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

layout room set ok

Browse Source
This commit is contained in:
hugogogo
2022-12-16 14:46:19 +01:00
parent 0b326ad853
commit e4aad0ead7
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -137,16 +137,16 @@
<!-- placeholders ------- <!-- placeholders -------
--> -->
<button class="chat_room_name btn" onclick="layout('room')"> <button class="chat_room_name btn" onclick="layout('room')">
<p class="__left">join room</p> <p class="__left">user 1</p>
</button> </button>
<button class="chat_room_name btn" onclick="layout('room')"> <button class="chat_room_name btn" onclick="layout('room')">
<p class="__left">one room</p> <p class="__left blocked">user 2</p>
</button> </button>
<button class="chat_room_name btn" onclick="layout('room')"> <button class="chat_room_name btn" onclick="layout('room')">
<p class="__left">another room</p> <p class="__left">user 3</p>
</button> </button>
<button class="chat_room_name btn" onclick="layout('room')"> <button class="chat_room_name btn" onclick="layout('room')">
<p class="__left">one more room</p> <p class="__left">user 4</p>
</button> </button>
<!-- END placeholders --> <!-- END placeholders -->
</div> </div>

10
tests_hugo/chat_node/chat_client/style/layout_room_set.css
View File

@@ -12,12 +12,20 @@
display: flex; display: flex;
} }
/* button "<room_name>" appearance /* button "<room_name>" appearance
*/ */
/* add or remove '.chat_item' to toggle the hover effect */ /* add or remove '.chat_item' to toggle the hover effect */
#chat_box.room_name button.chat_item.chat_room_name { #chat_box.room_set button.chat_item.chat_room_name {
width: auto; width: auto;
background-color: transparent; background-color: transparent;
pointer-events: none; pointer-events: none;
} }
/* button "leave" appearance
*/
#chat_box.room_set .chat_item button.chat_leave_btn {
margin: 10px 0px;
}