layout protected
This commit is contained in:
@@ -154,8 +154,12 @@
|
|||||||
|
|
||||||
<!-- PROTECTED -->
|
<!-- PROTECTED -->
|
||||||
<div class="chat_item chat_panel chat_panel_protected" id="chat_panel_protected">
|
<div class="chat_item chat_panel chat_panel_protected" id="chat_panel_protected">
|
||||||
<!-- content -->
|
<p class="__center" id="chat_protected_title">this room is protected</p>
|
||||||
panel protected
|
<form>
|
||||||
|
<label><p>password :</p></label>
|
||||||
|
<input type="password" id="pswd">
|
||||||
|
<input type="submit" value="⮡">
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- -->
|
<!-- -->
|
||||||
|
|||||||
@@ -13,11 +13,37 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 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.protected button.chat_item.chat_room_name {
|
#chat_box.protected button.chat_item.chat_room_name {
|
||||||
width: auto;
|
width: auto;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#chat_box #chat_protected_title {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* form
|
||||||
|
*/
|
||||||
|
#chat_box.protected form {
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* submit button
|
||||||
|
https://www.fileformat.info/info/unicode/category/So/list.htm
|
||||||
|
U+21AA RIGHTWARDS ARROW WITH HOOK ↪
|
||||||
|
U+21B3 DOWNWARDS ARROW WITH TIP RIGHTWARDS ↳
|
||||||
|
U+2BA1 DOWNWARDS TRIANGLE-HEADED ARROW WITH LONG TIP RIGHTWARDS ⮡
|
||||||
|
U+2BB1 RIBBON ARROW DOWN RIGHT ⮱
|
||||||
|
U+2BA9 BLACK CURVED DOWNWARDS AND RIGHTWARDS ARROW ⮩
|
||||||
|
*/
|
||||||
|
#chat_box.protected input[type=submit] {
|
||||||
|
padding: 0px 10px;
|
||||||
|
border: none;
|
||||||
|
margin: 10px 0px 0px auto;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user