Styles for discard alert

This commit is contained in:
Alfredo Sumaran 2016-09-19 10:10:17 -05:00
parent a3eb39a106
commit 17830296a6
3 changed files with 18 additions and 6 deletions

View file

@ -56,6 +56,7 @@ $border-gray-light: #dcdcdc;
$border-gray-normal: #d7d7d7;
$border-gray-dark: #c6cacf;
$border-green-extra-light: #9adb84;
$border-green-light: #2faa60;
$border-green-normal: #2ca05b;
$border-green-dark: #279654;

View file

@ -249,13 +249,11 @@ $colors: (
&.saved {
.editor {
border-top: solid 1px green;
border-top: solid 2px $border-green-extra-light;
}
}
.editor {
border-top: solid 1px yellow;
pre {
height: 350px;
border: none;
@ -268,4 +266,16 @@ $colors: (
display: none;
}
}
.discard-changes-alert {
background-color: $background-color;
text-align: right;
padding: $gl-padding-top $gl-padding;
color: $gl-text-color;
.discard-actions {
display: inline-block;
margin-left: 10px;
}
}
}

View file

@ -2,8 +2,9 @@
.diff-editor-wrap{ "v-show" => if_condition }
.discard-changes-alert-wrap{ "v-if" => "file.promptDiscardConfirmation" }
%p
.discard-changes-alert
Are you sure to discard your changes?
%button.btn.btn-sm.btn-close{ "@click" => "acceptDiscardConfirmation(file)" } Discard changes
%button.btn.btn-sm{ "@click" => "cancelDiscardConfirmation(file)" } Cancel
.discard-actions
%button.btn.btn-sm.btn-close{ "@click" => "acceptDiscardConfirmation(file)" } Discard changes
%button.btn.btn-sm{ "@click" => "cancelDiscardConfirmation(file)" } Cancel
%diff-file-editor{":file" => "file", ":load-file" => if_condition }