tonyair/GridFieldBulkEditingTools
1
0
Fork 0
mirror of https://github.com/colymba/GridFieldBulkEditingTools.git synced 2024-10-22 11:05:57 +02:00
Code Issues Projects Releases Wiki Activity

GridFieldBulkUpload CSS Improvements

Browse Source
This commit is contained in:
James Cocker 2014-08-08 15:25:38 +01:00
parent 7d74977491
commit c599f876af
2 changed files with 33 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
bulkUpload/css/GridFieldBulkUpload.css
View File

@ -26,9 +26,11 @@
overflow: hidden; overflow: hidden;
width: 98%; width: 98%;
padding: 5px 1% 5px 1%; padding: 5px 1% 5px 1%;
border: none; } border: none;
border-top: 1px solid rgba(0, 0, 0, 0.1);
background-color: #eceff1; }
.bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item:nth-child(2n-1) { .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item:nth-child(2n-1) {
background-color: rgba(0, 0, 0, 0.1); } background-color: #e6eaed; }
.bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-preview { .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-preview {
width: 30px; width: 30px;
height: 30px; height: 30px;
@ -45,7 +47,9 @@
height: 100%; height: 100%;
line-height: 40px; } line-height: 40px; }
.bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .name { .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .name {
color: #eee; } color: #343434; }
.bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .size {
font-weight: normal; }
.bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status { .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status {
float: left; float: left;
width: auto; width: auto;
@ -53,7 +57,7 @@
text-align: left; text-align: left;
max-width: none; } max-width: none; }
.bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-warning-text { .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-warning-text {
color: #f2be08; } color: #f29500; }
.bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-success-text { .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-success-text {
color: #298530; } color: #298530; }
.bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-actions { .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-actions {
@ -110,7 +114,9 @@
margin: 0; } margin: 0; }
.bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info .ss-uploadfield-item-name { .bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info .ss-uploadfield-item-name {
height: auto; height: auto;
margin-bottom: 2px; } margin-bottom: 5px !important; }
.bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info .ss-uploadfield-item-name small {
font-weight: normal !important; }
.bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info .ss-ui-button .ui-button-text .ui-button-text { .bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info .ss-ui-button .ui-button-text .ui-button-text {
padding: 0px; } padding: 0px; }
.bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info .ss-uploadfield-fromcomputer { .bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info .ss-uploadfield-fromcomputer {
@ -123,7 +129,7 @@
float: left; float: left;
width: 98%; width: 98%;
padding: 6px 1% 6px 1%; padding: 6px 1% 6px 1%;
border-top: 1px solid rgba(0, 0, 0, 0.1); } background-color: #8898a3; }
.bulkUpload .component div.ss-uploadfield .colymba-bulkupload-buttons button { .bulkUpload .component div.ss-uploadfield .colymba-bulkupload-buttons button {
float: left; float: left;
margin: 0 6px 0 0; } margin: 0 6px 0 0; }
@ -134,7 +140,7 @@
margin: 0 0 0 6px; } margin: 0 0 0 6px; }
.bulkUpload .component div.ss-uploadfield .colymba-bulkupload-buttons .colymba-bulkupload-info { .bulkUpload .component div.ss-uploadfield .colymba-bulkupload-buttons .colymba-bulkupload-info {
float: left; float: left;
margin: 0 6px 0 0; margin: 0 6px 0 6px;
line-height: 28px; line-height: 28px;
height: 28px; height: 28px;
color: #73818a; } color: #ffffff; }

27
bulkUpload/css/GridFieldBulkUpload.scss
View File

@ -50,11 +50,13 @@
padding: 5px 1% 5px 1%; padding: 5px 1% 5px 1%;
border: none; border: none;
//border-top: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1);
background-color: #eceff1;
&:nth-child(2n-1) &:nth-child(2n-1)
{ {
background-color: rgba(0,0,0,.1); // #4a4b4d; background-color: #e6eaed;
} }
.ss-uploadfield-item-preview .ss-uploadfield-item-preview
@ -82,7 +84,11 @@
.name .name
{ {
color: #eee; color: #343434;
}
.size {
font-weight: normal;
} }
.ss-uploadfield-item-status .ss-uploadfield-item-status
@ -95,7 +101,7 @@
&.ui-state-warning-text &.ui-state-warning-text
{ {
color: #f2be08; color: #f29500;
} }
&.ui-state-success-text &.ui-state-success-text
{ {
@ -208,7 +214,10 @@
.ss-uploadfield-item-name .ss-uploadfield-item-name
{ {
height: auto; height: auto;
margin-bottom: 2px; margin-bottom: 5px !important;
small {
font-weight: normal !important;
}
} }
.ss-ui-button .ss-ui-button
@ -242,7 +251,9 @@
width: 98%; width: 98%;
padding: 6px 1% 6px 1%; padding: 6px 1% 6px 1%;
border-top: 1px solid rgba(0, 0, 0, 0.1); // border-top: 1px solid rgba(0, 0, 0, 0.1);
background-color: #8898a3;
button button
{ {
@ -268,10 +279,10 @@
.colymba-bulkupload-info .colymba-bulkupload-info
{ {
float: left; float: left;
margin: 0 6px 0 0; margin: 0 6px 0 6px;
line-height: 28px; line-height: 28px;
height: 28px; height: 28px;
color: #73818a; color: #ffffff;
} }
} }