MDL-54698 message: make preferences page ajax save

This commit is contained in:
Ryan Wyllie
2016-10-07 16:26:40 +08:00
committed by Mark Nelson
parent a0e358a64a
commit a0eabdd3c8
15 changed files with 1618 additions and 262 deletions
@@ -268,3 +268,149 @@
bottom: 0;
}
}
.dir-rtl {
.core_message-messenger-sendmessage {
.message-send {
float: left;
}
}
.preferences-container {
.preference-table {
.preference-row {
.preference-name {
.loading-icon {
float: left;
}
}
}
}
}
}
.preferences-container {
.preference-table {
border: 1px solid #ddd;
tr {
td {
&:not(:first-child) {
width: 150px;
text-align: center;
}
&:nth-child(even) {
background-color: #f7f7f7;
}
}
th:nth-child(even) {
background-color: #f7f7f7;
}
}
.preference-row {
.preference-name {
vertical-align: middle;
.loading-icon {
display: none;
float: right;
img {
vertical-align: middle;
}
}
}
.disabled-message {
display: none;
text-align: center;
height: 30px;
line-height: 30px;
}
.preference-state {
margin: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
&:hover {
.preference-state-image-container {
background-color: #e5e5e5;
border-radius: 4px;
}
}
input[type="radio"]:checked + .preference-state-image-container {
background-color: #424242;
border-radius: 4px;
}
.preference-state-image-container {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
}
&.loading {
.preference-name {
.loading-icon {
display: block;
}
}
}
}
}
&.disabled {
.preference-table {
.preference-row {
.disabled-message {
display: block;
}
form {
display: none;
}
}
}
}
}
.general-settings-container {
.loading-icon {
display: none;
}
.loading {
.loading-icon {
display: inline-block;
}
}
label {
display: inline-block;
}
}
.processors-container {
.processor-container {
position: relative;
.loading-container {
display: none;
position: absolute;
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(255, 255, 255, 0.5);
.vertical-align {
height: 100%;
width: 0%;
display: inline-block;
vertical-align: middle;
}
}
&.loading {
.loading-container {
display: block;
}
}
}
}
.title-case {
text-transform: capitalize;
}
+96
View File
@@ -5992,6 +5992,102 @@ a.ygtvspacer:hover {
position: absolute;
bottom: 0;
}
.dir-rtl .core_message-messenger-sendmessage .message-send {
float: left;
}
.dir-rtl .preferences-container .preference-table .preference-row .preference-name .loading-icon {
float: left;
}
.preferences-container .preference-table {
border: 1px solid #ddd;
}
.preferences-container .preference-table tr td:not(:first-child) {
width: 150px;
text-align: center;
}
.preferences-container .preference-table tr td:nth-child(even) {
background-color: #f7f7f7;
}
.preferences-container .preference-table tr th:nth-child(even) {
background-color: #f7f7f7;
}
.preferences-container .preference-table .preference-row .preference-name {
vertical-align: middle;
}
.preferences-container .preference-table .preference-row .preference-name .loading-icon {
display: none;
float: right;
}
.preferences-container .preference-table .preference-row .preference-name .loading-icon img {
vertical-align: middle;
}
.preferences-container .preference-table .preference-row .disabled-message {
display: none;
text-align: center;
height: 30px;
line-height: 30px;
}
.preferences-container .preference-table .preference-row .preference-state {
margin: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
}
.preferences-container .preference-table .preference-row .preference-state:hover .preference-state-image-container {
background-color: #e5e5e5;
border-radius: 4px;
}
.preferences-container .preference-table .preference-row .preference-state input[type="radio"]:checked + .preference-state-image-container {
background-color: #424242;
border-radius: 4px;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-image-container {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
.preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
display: block;
}
.preferences-container.disabled .preference-table .preference-row .disabled-message {
display: block;
}
.preferences-container.disabled .preference-table .preference-row form {
display: none;
}
.general-settings-container .loading-icon {
display: none;
}
.general-settings-container .loading .loading-icon {
display: inline-block;
}
.general-settings-container label {
display: inline-block;
}
.processors-container .processor-container {
position: relative;
}
.processors-container .processor-container .loading-container {
display: none;
position: absolute;
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(255, 255, 255, 0.5);
}
.processors-container .processor-container .loading-container .vertical-align {
height: 100%;
width: 0%;
display: inline-block;
vertical-align: middle;
}
.processors-container .processor-container.loading .loading-container {
display: block;
}
.title-case {
text-transform: capitalize;
}
/* Question */
.questionbank h2 {
margin-top: 0;