extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-21 15:33:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

* Etemplate: Add link icon overlay to link list

Browse Source
This commit is contained in:
nathan 2021-12-03 14:18:48 -07:00
parent 0e5e2f3ceb
commit 5af7d0f644
5 changed files with 92 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
api/js/etemplate/et2_widget_link.ts
View File

@ -2145,7 +2145,8 @@ export class et2_link_list extends et2_link_string
download_url: _link_data.download_url,
name: _link_data.title,
mime: _link_data.type,
path: _link_data.icon
path: _link_data.icon,
mode: _link_data.mode
});
icon.append(vfs_widget.getDOMNode());
}

6
api/src/Etemplate/Widget/Link.php
View File

@ -198,12 +198,18 @@ class Link extends Etemplate\Widget
$link['help'] = lang('Delete this file');
$link['title'] = Api\Vfs::decodePath($link['title']);
$link['icon'] = Api\Link::vfs_path($link['app2'],$link['id2'],$link['id'],true);
$link['download_url'] = Api\Vfs::download_url($link['icon']);
// Make links to directories load in filemanager
if($link['type'] == Api\Vfs::DIR_MIME_TYPE)
{
$link['target'] = 'filemanager';
}
else
{
$stat = Api\Vfs::lstat($link['icon']);
$link['mode'] = $stat['mode'];
}
}
else
{

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

@ -2717,25 +2717,36 @@ span.et2_checkbox_slideSwitch.switchOn > span.slideSwitch_container a {
float: left;
}
.et2_toolbar_more span.et2_checkbox_slideSwitch > input {
display: none;
display: none;
}
.et2_radiobox {
margin-right: 10px;
margin-right: 10px;
}
.et2_radiobox[disabled] {
opacity: 0.5;
}
.overlayContainer {
position: absolute;
right: -2px;
bottom: -2px;
vertical-align: bottom;
text-align: right;
}
/**
* Do not wrap content of a single widget incl. a label or children of a hbox.
* Taking into eg. select-account widget rendered as ul and prefixed with a label
* and maintaining some space between widgets.
*/
.et2_nowrap{
white-space: nowrap;
.et2_nowrap {
white-space: nowrap;
}
ul.et2_nowrap, div.et2_nowrap{
display: inline-block;
ul.et2_nowrap, div.et2_nowrap {
display: inline-block;
}
.et2_nowrap > *{
padding-left: 5px;

61
pixelegg/css/pixelegg.css
View File

@ -4174,36 +4174,45 @@ td.message span.message {
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
*/
/*z.b. Dateimanager overlay*/
.egwGridView_grid span.iconOverlayContainer {
margin: 2px 5px 2px 2px;
position: relative;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
overflow: visible;
display: inline-block;
span.iconOverlayContainer {
margin: 2px 5px 2px 2px;
position: relative;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
overflow: visible;
display: inline-block;
}
.egwGridView_grid span.overlayContainer {
position: absolute;
right: -2px;
bottom: -2px;
vertical-align: bottom;
text-align: right;
span.overlayContainer {
position: absolute;
right: -2px;
bottom: -2px;
vertical-align: bottom;
text-align: right;
}
.egwGridView_grid span.iconContainer {
display: inline-block;
padding: 0;
margin: 0;
text-align: center;
span.iconContainer {
display: inline-block;
padding: 0;
margin: 0;
text-align: center;
}
.egwGridView_grid span.overlayContainer img.overlay {
position: relative;
top: 1px;
margin: 0;
padding: 0;
height: 9px;
width: 11px;
span.overlayContainer img.overlay {
position: relative;
top: 1px;
margin: 0;
padding: 0;
height: 9px;
width: 11px;
}
.et2_link_list span.overlayContainer img.overlay {
height: 9px !important;
width: 9px !important;
}
/**
* EGroupware: Stylite Pixelegg template
*

60
pixelegg/less/layout_overlay.less
View File

@ -15,39 +15,43 @@
//##############################################################################################################
/*z.b. Dateimanager overlay*/
/*z.b. Dateimanager overlay*/
.egwGridView_grid span.iconOverlayContainer {
margin: 2px 5px 2px 2px;
position: relative;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
overflow: visible;
display: inline-block;
span.iconOverlayContainer {
margin: 2px 5px 2px 2px;
position: relative;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
overflow: visible;
display: inline-block;
}
.egwGridView_grid span.overlayContainer {
position: absolute;
right: -2px;
bottom: -2px;
vertical-align: bottom;
text-align: right;
span.overlayContainer {
position: absolute;
right: -2px;
bottom: -2px;
vertical-align: bottom;
text-align: right;
}
.egwGridView_grid span.iconContainer {
display: inline-block;
padding: 0;
margin: 0;
text-align: center;
span.iconContainer {
display: inline-block;
padding: 0;
margin: 0;
text-align: center;
}
.egwGridView_grid span.overlayContainer img.overlay {
position: relative;
top: 1px;
margin: 0;
padding: 0;
height: 9px;
width: 11px;
span.overlayContainer img.overlay {
position: relative;
top: 1px;
margin: 0;
padding: 0;
height: 9px;
width: 11px;
}
.et2_link_list span.overlayContainer img.overlay {
height: 9px !important;
width: 9px !important;
}