Dropdown menu keyboard navigation

Keyboard shortcuts help popup (Shift + / )
This commit is contained in:
RainLoop Team 2014-04-12 05:05:57 +04:00
parent f52be6fb66
commit d961fa480a
47 changed files with 5598 additions and 583 deletions

View file

@ -1,60 +1,60 @@
.b-admin-domains {
.process-place {
width: 600px;
padding: 14px 0;
text-align: center;
visibility: hidden;
}
}
.b-admin-domains-list-table {
width: 600px;
.e-item {
.e-action {
cursor: pointer;
}
.domain-name {
display: inline-block;
word-break: break-all;
.box-sizing(border-box);
}
&.disabled .domain-name {
color: #bbb;
}
.button-delete {
margin-right: 15px;
visibility: hidden;
.opacity(0);
}
.delete-access {
&.button-delete {
visibility: visible;
margin-right: 0;
.opacity(100);
}
}
.delete-domain, .disable-domain {
cursor: pointer;
.opacity(50);
}
&.disabled .disable-domain {
.opacity(50);
}
.delete-domain, .disable-domain {
&:hover {
.opacity(100);
}
}
}
}
.b-admin-domains {
.process-place {
width: 600px;
padding: 14px 0;
text-align: center;
visibility: hidden;
}
}
.b-admin-domains-list-table {
width: 600px;
.e-item {
.e-action {
cursor: pointer;
}
.domain-name {
display: inline-block;
word-break: break-all;
.box-sizing(border-box);
}
&.disabled .domain-name {
color: #bbb;
}
.button-delete {
margin-right: 15px;
visibility: hidden;
.opacity(0);
}
.delete-access {
&.button-delete {
visibility: visible;
margin-right: 0;
.opacity(100);
}
}
.delete-domain, .disabled-domain {
cursor: pointer;
.opacity(50);
}
&.disabled .disabled-domain {
.opacity(50);
}
.delete-domain, .disabled-domain {
&:hover {
.opacity(100);
}
}
}
}

View file

@ -26,7 +26,7 @@
.plugin-img, .plugin-name {
color: #bbb;
}
.disable-plugin {
.disabled-plugin {
.opacity(50);
}
}

View file

@ -31,7 +31,7 @@
.opacity(100);
}
.btn.disable {
.btn.disabled {
&.button-delete {
visibility: hidden;
}
@ -41,7 +41,7 @@
margin-left: 8px;
}
.disable.button-delete {
.disabled.button-delete {
margin-left: 0px;
}
}

View file

@ -1,5 +1,10 @@
.popups {
.b-shortcuts-content {
&.modal {
width: 1025px;
}
.modal-header {
background-color: #fff;
}

View file

@ -69,14 +69,14 @@
color: #fff;
}
.e-item.disable > .e-link {
.e-item.disabled > .e-link {
cursor: not-allowed;
background-color: #fff;
background-image: none;
color: grey;
}
.e-item.disable [class^="icon-"] {
.e-item.disabled [class^="icon-"] {
color: grey;
}
}