docs: #339 up and down buttons
This commit is contained in:
parent
25cec36cad
commit
143dd66b71
@ -26,12 +26,14 @@
|
||||
|
||||
<div id="main-navbar" role="navigation">
|
||||
<div class="clear-both">
|
||||
<a onclick="switchSticky()" role="button" class="w3tooltip cursor-pointer float-right">
|
||||
<div class="noborder-btn color-white" id="pin_button">
|
||||
<i class="noindent-info-button pin-button"></i>
|
||||
</div>
|
||||
<span class="w3tooltiptext">چسبانی</span>
|
||||
</a>
|
||||
<div class="float-right display-inline-flex width-76px">
|
||||
<a onclick="switchSticky()" role="button" class="w3tooltip cursor-pointer float-right">
|
||||
<div class="noborder-btn color-white" id="pin_button">
|
||||
<i class="noindent-info-button pin-button"></i>
|
||||
</div>
|
||||
<span class="w3tooltiptext">چسبانی</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@if (Model.LoggedIn)
|
||||
{
|
||||
@ -72,6 +74,25 @@
|
||||
ورود کاربر / نامنویسی <i class="noindent-info-button account-icon"></i>
|
||||
</a>
|
||||
}
|
||||
|
||||
<div class="float-left display-inline-flex">
|
||||
|
||||
<a href="#footer" role="button" class="w3tooltip cursor-pointer">
|
||||
<div class="noborder-btn">
|
||||
<i class="noindent-info-button down-btn"></i>
|
||||
</div>
|
||||
<span class="w3tooltiptext">پایین صفحه</span>
|
||||
</a>
|
||||
|
||||
<a href="#" role="button" class="w3tooltip cursor-pointer">
|
||||
<div class="noborder-btn">
|
||||
<i class="noindent-info-button up-btn"></i>
|
||||
</div>
|
||||
<span class="w3tooltiptext">بالای صفحه</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -1769,11 +1769,30 @@ fieldset {
|
||||
content: 'push_pin';
|
||||
}
|
||||
|
||||
.up-btn::after {
|
||||
content: 'arrow_circle_up';
|
||||
}
|
||||
|
||||
.down-btn::after {
|
||||
content: 'arrow_circle_down';
|
||||
}
|
||||
|
||||
.float-right{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.float-left{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.width-76px{
|
||||
width: 76px;
|
||||
}
|
||||
|
||||
.display-inline-flex{
|
||||
display:inline-flex;
|
||||
}
|
||||
|
||||
.noborder-btn {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user