harrybomrah
/
client_management
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css fixes by ika

This commit is contained in:
orbit 2017-03-22 16:55:52 +08:00
parent 4895dc03be
commit afcca1c365
3 changed files with 406 additions and 356 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

642
app/assets/stylesheets/client_management/default.css
View File

File diff suppressed because it is too large Load Diff

116
app/assets/stylesheets/client_management/rwd.css
View File

@ -73,211 +73,239 @@
text-align: center; text-align: center;
} }
/* line 91, ../sass/rwd.scss */ /* line 92, ../sass/rwd.scss */
.cp-main .cp-content .cp-submenu-box .cp-filter-box {
clear: both;
float: none;
width: 100%;
margin: 0 0 10px;
}
/* line 97, ../sass/rwd.scss */
.cp-main .cp-content .cp-submenu-box .cp-filter-box select.form-control {
float: none;
width: 100%;
margin: 0 0 10px;
}
/* line 102, ../sass/rwd.scss */
.cp-main .cp-content .cp-submenu-box .cp-filter-box .btn {
float: left;
margin: 0 10px 10px 0;
}
/* line 106, ../sass/rwd.scss */
.cp-main .cp-content .cp-submenu-box .cp-filter-box .btn-gray {
color: #333;
background: #eee;
border-color: #ccc;
}
/* line 110, ../sass/rwd.scss */
.cp-main .cp-content .cp-submenu-box .cp-filter-box .btn-gray:hover {
background: #ddd;
}
/* line 116, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail { .cp-main .cp-content .cp-contract-detail {
padding: 20px 0; padding: 20px 0;
} }
/* line 93, ../sass/rwd.scss */ /* line 118, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail .sub-title { .cp-main .cp-content .cp-contract-detail .sub-title {
margin: 40px auto 10px; margin: 40px auto 10px;
} }
/* line 95, ../sass/rwd.scss */ /* line 120, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail .sub-title.ft { .cp-main .cp-content .cp-contract-detail .sub-title.ft {
margin: 20px auto 10px; margin: 20px auto 10px;
} }
/* line 99, ../sass/rwd.scss */ /* line 124, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail .line-contract { .cp-main .cp-content .cp-contract-detail .line-contract {
width: 90%; width: 90%;
} }
/* line 102, ../sass/rwd.scss */ /* line 127, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail .line-contract.qt .header-detail { .cp-main .cp-content .cp-contract-detail .line-contract.qt .header-detail {
float: left; float: left;
} }
/* line 105, ../sass/rwd.scss */ /* line 130, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail .line-contract.qt .content-detail { .cp-main .cp-content .cp-contract-detail .line-contract.qt .content-detail {
float: right; float: right;
} }
/* line 116, ../sass/rwd.scss */ /* line 141, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail .line-contract.buttons .btn { .cp-main .cp-content .cp-contract-detail .line-contract.buttons .btn {
width: 100%; width: 100%;
margin: 0 0 10px; margin: 0 0 10px;
} }
/* line 121, ../sass/rwd.scss */ /* line 146, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail .line-contract .header-detail { .cp-main .cp-content .cp-contract-detail .line-contract .header-detail {
display: block; display: block;
float: none; float: none;
width: 100%; width: 100%;
} }
/* line 126, ../sass/rwd.scss */ /* line 151, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail .line-contract .content-detail { .cp-main .cp-content .cp-contract-detail .line-contract .content-detail {
display: block; display: block;
float: none; float: none;
width: 100%; width: 100%;
} }
/* line 133, ../sass/rwd.scss */ /* line 158, ../sass/rwd.scss */
.cp-main .cp-content .cp-requested-detail { .cp-main .cp-content .cp-requested-detail {
padding: 20px 0; padding: 20px 0;
} }
/* line 135, ../sass/rwd.scss */ /* line 160, ../sass/rwd.scss */
.cp-main .cp-content .cp-requested-detail .line-detail { .cp-main .cp-content .cp-requested-detail .line-detail {
width: 90%; width: 90%;
} }
/* line 141, ../sass/rwd.scss */ /* line 166, ../sass/rwd.scss */
.cp-main .cp-content .cp-requested-detail .line-detail .header-detail { .cp-main .cp-content .cp-requested-detail .line-detail .header-detail {
display: block; display: block;
float: none; float: none;
width: 100%; width: 100%;
} }
/* line 146, ../sass/rwd.scss */ /* line 171, ../sass/rwd.scss */
.cp-main .cp-content .cp-requested-detail .line-detail .content-detail { .cp-main .cp-content .cp-requested-detail .line-detail .content-detail {
display: block; display: block;
float: none; float: none;
width: 100%; width: 100%;
} }
/* line 155, ../sass/rwd.scss */ /* line 180, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step0 { .cp-main .cp-content .cp-addsite-step0 {
width: 100%; width: 100%;
} }
/* line 157, ../sass/rwd.scss */ /* line 182, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step0 a { .cp-main .cp-content .cp-addsite-step0 a {
padding: 30px; padding: 30px;
} }
/* line 159, ../sass/rwd.scss */ /* line 184, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step0 a .fa { .cp-main .cp-content .cp-addsite-step0 a .fa {
top: 30px; top: 30px;
} }
/* line 162, ../sass/rwd.scss */ /* line 187, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step0 a .fa-sp { .cp-main .cp-content .cp-addsite-step0 a .fa-sp {
font-size: 180px; font-size: 180px;
top: -45px; top: -45px;
right: -10px; right: -10px;
} }
/* line 167, ../sass/rwd.scss */ /* line 192, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step0 a span { .cp-main .cp-content .cp-addsite-step0 a span {
font-size: 20px; font-size: 20px;
} }
/* line 176, ../sass/rwd.scss */ /* line 201, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add.box-buttons .btn { .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add.box-buttons .btn {
margin: 0 10px; margin: 0 10px;
} }
/* line 184, ../sass/rwd.scss */ /* line 209, ../sass/rwd.scss */
.cp-main .cp-content .cp-function-box .cp-search-box { .cp-main .cp-content .cp-function-box .cp-search-box {
float: none; float: none;
width: 100%; width: 100%;
margin: 0 0 20px; margin: 0 0 20px;
} }
/* line 191, ../sass/rwd.scss */ /* line 216, ../sass/rwd.scss */
.cp-main .cp-content .cp-profile-setting .line-profile { .cp-main .cp-content .cp-profile-setting .line-profile {
width: 100%; width: 100%;
} }
/* line 193, ../sass/rwd.scss */ /* line 218, ../sass/rwd.scss */
.cp-main .cp-content .cp-profile-setting .line-profile label { .cp-main .cp-content .cp-profile-setting .line-profile label {
float: none; float: none;
width: 100%; width: 100%;
} }
/* line 197, ../sass/rwd.scss */ /* line 222, ../sass/rwd.scss */
.cp-main .cp-content .cp-profile-setting .line-profile input { .cp-main .cp-content .cp-profile-setting .line-profile input {
float: none; float: none;
width: 100%; width: 100%;
} }
/* line 201, ../sass/rwd.scss */ /* line 226, ../sass/rwd.scss */
.cp-main .cp-content .cp-profile-setting .line-profile textarea { .cp-main .cp-content .cp-profile-setting .line-profile textarea {
float: none; float: none;
width: 100%; width: 100%;
} }
/* line 205, ../sass/rwd.scss */ /* line 230, ../sass/rwd.scss */
.cp-main .cp-content .cp-profile-setting .line-profile .pull-r { .cp-main .cp-content .cp-profile-setting .line-profile .pull-r {
float: none; float: none;
width: 100%; width: 100%;
} }
} }
@media only screen and (max-width: 480px) { @media only screen and (max-width: 480px) {
/* line 218, ../sass/rwd.scss */ /* line 243, ../sass/rwd.scss */
.cp-banner .box-banner .item-ba .text-ba { .cp-banner .box-banner .item-ba .text-ba {
font-size: 15px; font-size: 15px;
width: 80%; width: 80%;
text-align: center; text-align: center;
} }
/* line 228, ../sass/rwd.scss */ /* line 253, ../sass/rwd.scss */
.cp-main .cp-login-page .cp-login-box { .cp-main .cp-login-page .cp-login-box {
width: 100%; width: 100%;
} }
/* line 230, ../sass/rwd.scss */ /* line 255, ../sass/rwd.scss */
.cp-main .cp-login-page .cp-login-box .line-login { .cp-main .cp-login-page .cp-login-box .line-login {
width: 100%; width: 100%;
max-width: 100vw; max-width: 100vw;
} }
/* line 240, ../sass/rwd.scss */ /* line 265, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .form-title { .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .form-title {
margin: 0 20px 20px; margin: 0 20px 20px;
} }
/* line 243, ../sass/rwd.scss */ /* line 268, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-check-host { .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-check-host {
float: none; float: none;
width: 100%; width: 100%;
} }
/* line 248, ../sass/rwd.scss */ /* line 273, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add label { .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add label {
display: block; display: block;
float: none; float: none;
width: 100%; width: 100%;
} }
/* line 253, ../sass/rwd.scss */ /* line 278, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .form-control { .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .form-control {
float: none; float: none;
width: 100%; width: 100%;
} }
/* line 257, ../sass/rwd.scss */ /* line 282, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .title-custom-check { .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .title-custom-check {
width: calc(100% - 30px); width: calc(100% - 30px);
} }
/* line 261, ../sass/rwd.scss */ /* line 286, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add.box-buttons .btn { .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add.box-buttons .btn {
margin: 0 5px; margin: 0 5px;
width: calc(50% - 20px); width: calc(50% - 20px);
font-size: 12px; font-size: 12px;
} }
/* line 269, ../sass/rwd.scss */ /* line 294, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .default-mod-list .item-mod { .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .default-mod-list .item-mod {
width: 100%; width: 100%;
margin: 0 0 10px; margin: 0 0 10px;
} }
/* line 274, ../sass/rwd.scss */ /* line 299, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop { .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop {
display: block; display: block;
} }
/* line 276, ../sass/rwd.scss */ /* line 301, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .additional-mod-list { .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .additional-mod-list {
width: 100%; width: 100%;
margin: 0 0 20px; margin: 0 0 20px;
} }
/* line 280, ../sass/rwd.scss */ /* line 305, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .selected-mod-list { .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .selected-mod-list {
width: 100%; width: 100%;
margin: 0; margin: 0;
} }
/* line 289, ../sass/rwd.scss */ /* line 314, ../sass/rwd.scss */
.cp-main .cp-content .list-ticket .item-ticket { .cp-main .cp-content .list-ticket .item-ticket {
padding: 30px 0 0; padding: 30px 0 0;
} }
/* line 291, ../sass/rwd.scss */ /* line 316, ../sass/rwd.scss */
.cp-main .cp-content .list-ticket .item-ticket .subject-ticket { .cp-main .cp-content .list-ticket .item-ticket .subject-ticket {
padding: 10px; padding: 10px;
} }
/* line 295, ../sass/rwd.scss */ /* line 320, ../sass/rwd.scss */
.cp-main .cp-content .list-ticket .item-ticket .info-ticket span { .cp-main .cp-content .list-ticket .item-ticket .info-ticket span {
display: block; display: block;
} }
/* line 302, ../sass/rwd.scss */ /* line 327, ../sass/rwd.scss */
.cp-main .cp-content .list-servers .item-servers { .cp-main .cp-content .list-servers .item-servers {
padding: 30px 0 0; padding: 30px 0 0;
} }
/* line 304, ../sass/rwd.scss */ /* line 329, ../sass/rwd.scss */
.cp-main .cp-content .list-servers .item-servers .name-server { .cp-main .cp-content .list-servers .item-servers .name-server {
padding: 10px; padding: 10px;
} }
/* line 310, ../sass/rwd.scss */ /* line 335, ../sass/rwd.scss */
.cp-main .cp-content .cp-function-box .cp-search-box { .cp-main .cp-content .cp-function-box .cp-search-box {
float: none; float: none;
width: 100%; width: 100%;

4
app/views/client_managements/history.html.erb
View File

@ -18,9 +18,9 @@
<div class="cp-filter-box"> <div class="cp-filter-box">
<form action="" method="get"> <form action="" method="get">
<%= select_tag "q", options_for_select(@user_sites, params[:q]), :prompt => "All", :class => "form-control" %> <%= select_tag "q", options_for_select(@user_sites, params[:q]), :prompt => "All", :class => "form-control" %>
<input type="submit" value="Filter"> <input type="submit" value="Filter" class="btn btn-success">
<% if params[:q].present? %> <% if params[:q].present? %>
<a href="/cpanel/history">Clear</a> <a href="/cpanel/history" class="btn btn-gray">Clear</a>
<% end %> <% end %>
</form> </form>
</div> </div>