holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix styling for Filemanager:

Browse Source 
- Fix plus icon of add button is misaligned in FF
- Fix add button not getting same hover background as others
This commit is contained in:
Hadi Nategh 2016-04-13 08:48:56 +00:00
parent 863d4b9724
commit 6e30e4e0b3
5 changed files with 68 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
api/templates/default/etemplate2.css
View File

@ -1905,6 +1905,7 @@ div.ui-dialog div.ui-dialog-content > div[id] {
background-color: #fafafa;
border: 1px solid silver;
text-indent: 0;
background-position: center;
}
/**
* Textbox in toolbar or NM header

22
pixelegg/css/mobile.css
View File

@ -253,6 +253,28 @@
background-image: url(../images/upload.png);
width: 145px;
}
span.et2_file_span img[url*="svg"] {
background-color: #b4b4b4 !important;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important;
background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4)) !important;
background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
background-image: linear-gradient(top, #b4b4b4, #b4b4b4) !important;
background-repeat: repeat-x !important;
fill: red !important;
}
span.et2_file_span:hover {
background-color: #189800 !important;
color: #000000 !important;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
}
span.et2_file_span:active {
background-color: #1aa200 !important;
}
div.et2_file input.et2_file_upload {
background-color: #ffffff !important;
-webkit-border-radius: 3px;

22
pixelegg/css/pixelegg.css
View File

@ -242,6 +242,28 @@
background-image: url(../images/upload.png);
width: 145px;
}
span.et2_file_span img[url*="svg"] {
background-color: #b4b4b4 !important;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important;
background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4)) !important;
background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
background-image: linear-gradient(top, #b4b4b4, #b4b4b4) !important;
background-repeat: repeat-x !important;
fill: red !important;
}
span.et2_file_span:hover {
background-color: #189800 !important;
color: #000000 !important;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
}
span.et2_file_span:active {
background-color: #1aa200 !important;
}
div.et2_file input.et2_file_upload {
background-color: #ffffff !important;
-webkit-border-radius: 3px;

1
pixelegg/less/etemplate2.less
View File

@ -203,6 +203,7 @@ span.et2_date span {
span.et2_file_span{
background-image: url(../images/upload.png);
width: 145px;
.Complete_Button_save_apply_copy !important;
}
div.et2_file input.et2_file_upload{
background-color: @gray_0 !important;

22
pixelegg/mobile/fw_mobile.css
View File

@ -264,6 +264,28 @@
background-image: url(../images/upload.png);
width: 145px;
}
span.et2_file_span img[url*="svg"] {
background-color: #b4b4b4 !important;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important;
background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4)) !important;
background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
background-image: linear-gradient(top, #b4b4b4, #b4b4b4) !important;
background-repeat: repeat-x !important;
fill: red !important;
}
span.et2_file_span:hover {
background-color: #189800 !important;
color: #000000 !important;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
}
span.et2_file_span:active {
background-color: #1aa200 !important;
}
div.et2_file input.et2_file_upload {
background-color: #ffffff !important;
-webkit-border-radius: 3px;