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

layout mute ok

Browse Source
This commit is contained in:
lenovo
2022-12-17 18:29:59 +01:00
parent 9d4bb85c2d
commit fcd009ade7
2 changed files with 22 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -202,7 +202,7 @@
<input id="chat_private" type="radio" name="chat_create_type"> <input id="chat_private" type="radio" name="chat_create_type">
<label for="chat_private" class="_radio"><p>private</p></label> <label for="chat_private" class="_radio"><p>private</p></label>
<!-- [ ] protected --> <!-- [ ] protected -->
<input id="chat_protected" class="_check_show_next" type="radio" name="chat_create_type"> <input id="chat_protected" class="_check_change_next" type="radio" name="chat_create_type">
<label for="chat_protected" class="_radio"><p>protected</p></label> <label for="chat_protected" class="_radio"><p>protected</p></label>
<!-- [x] protected --> <!-- [x] protected -->
<div class="__content _is_hidden"> <div class="__content _is_hidden">
@@ -240,9 +240,9 @@
<p class="__center">mute this user for a time :</p> <p class="__center">mute this user for a time :</p>
<form> <form>
<!-- forever --> <!-- forever -->
<input id="chat_mute_forever" type="checkbox" class="_check_show_next"></input> <input id="chat_mute_forever" type="checkbox" class="_check_change_next"></input>
<label for="chat_mute_forever" class="_checkbox"><p>forever</p></label> <label for="chat_mute_forever" class="_checkbox"><p>forever</p></label>
<div class="__content _is_gray"> <div class="__content _is_not_gray">
<!-- minutes --> <!-- minutes -->
<label for="chat_mute_minutes" class="_select"> <label for="chat_mute_minutes" class="_select">
<p>minutes :</p> <p>minutes :</p>

23
tests_hugo/chat_node/chat_client/style/chat_form.css
View File

@@ -37,14 +37,18 @@
} }
/* hide and show next element on focus /* change next element on check
*/ */
#chat_box form ._check_change_next:checked ~ ._is_hidden {
display: flex;
}
#chat_box form ._check_change_next:checked ~ ._is_not_gray {
pointer-events: none;
color: rgb(100, 100, 100);
}
#chat_box form ._is_hidden { #chat_box form ._is_hidden {
display: none; display: none;
} }
#chat_box form ._check_show_next:checked ~ ._is_hidden {
display: flex;
}
/* submit button /* submit button
@@ -60,6 +64,10 @@
border: none; border: none;
margin: 10px 0px 0px auto; margin: 10px 0px 0px auto;
cursor: pointer; cursor: pointer;
background-color: rgb(220, 220, 220);
}
#chat_box .chat_item form input[type=submit]:hover {
background-color: rgb(200, 200, 200);
} }
@@ -71,6 +79,13 @@
} }
#chat_box .chat_item form select { #chat_box .chat_item form select {
margin: auto 0px; margin: auto 0px;
background-color: rgb(220, 220, 220);
border: none;
padding: 5px;
cursor: pointer;
}
#chat_box .chat_item form select:hover {
background-color: rgb(200, 200, 200);
} }