diff --git a/build/css/main.css b/build/css/main.css index d3962f87..cfa9ef00 100644 --- a/build/css/main.css +++ b/build/css/main.css @@ -6433,6 +6433,27 @@ button.btn:focus, button.progress-button:focus { .svg-icon[disabled] path { fill: #787c7f; } +/* + * Copyright 2016 Resin.io + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +.component-drive-selector-body .list-group-item-header { + margin-bottom: 8px; } + +.component-drive-selector-body .list-group-item[disabled] .list-group-item-heading { + color: #aaaaaa; } + /* * Copyright 2016 Resin.io * diff --git a/lib/gui/components/drive-selector/styles/_drive-selector.scss b/lib/gui/components/drive-selector/styles/_drive-selector.scss new file mode 100644 index 00000000..14afadd2 --- /dev/null +++ b/lib/gui/components/drive-selector/styles/_drive-selector.scss @@ -0,0 +1,23 @@ +/* + * Copyright 2016 Resin.io + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +.component-drive-selector-body .list-group-item-header { + margin-bottom: 8px; +} + +.component-drive-selector-body .list-group-item[disabled] .list-group-item-heading { + color: darken($gray-light, 20%); +} diff --git a/lib/gui/components/drive-selector/templates/drive-selector-modal.tpl.html b/lib/gui/components/drive-selector/templates/drive-selector-modal.tpl.html index f8b83da6..4dd7f164 100644 --- a/lib/gui/components/drive-selector/templates/drive-selector-modal.tpl.html +++ b/lib/gui/components/drive-selector/templates/drive-selector-modal.tpl.html @@ -3,12 +3,18 @@ -
{{ drive.name }}