Revision 412f76c9
Von Moritz Bunkus vor fast 8 Jahren hinzugefügt
SL/Layout/ActionBar/Link.pm | ||
---|---|---|
14 | 14 |
my ($self) = @_; |
15 | 15 |
|
16 | 16 |
return $self->p->html_tag( |
17 |
'a', $self->text, |
|
18 |
%{ $self->params // {} }, |
|
17 |
'div', $self->text, |
|
19 | 18 |
id => $self->id, |
20 |
class => 'layout-actionbar-link', |
|
19 |
class => 'layout-actionbar-action layout-actionbar-link',
|
|
21 | 20 |
); |
22 | 21 |
} |
23 | 22 |
|
css/common.css | ||
---|---|---|
109 | 109 |
width: 20px; |
110 | 110 |
} |
111 | 111 |
|
112 |
div.layout-actionbar div.layout-actionbar-link, |
|
112 | 113 |
div.layout-actionbar div.layout-actionbar-submit, |
113 | 114 |
div.layout-actionbar div.layout-actionbar-scriptbutton, |
115 |
div.layout-actionbar div.layout-actionbar-link:focus, |
|
114 | 116 |
div.layout-actionbar div.layout-actionbar-submit:focus, |
115 | 117 |
div.layout-actionbar div.layout-actionbar-scriptbutton:focus { |
116 | 118 |
display: inline-block; |
... | ... | |
123 | 125 |
cursor: default; |
124 | 126 |
} |
125 | 127 |
|
128 |
div.layout-actionbar div.layout-actionbar-link:hover, |
|
126 | 129 |
div.layout-actionbar div.layout-actionbar-submit:hover, |
127 | 130 |
div.layout-actionbar div.layout-actionbar-scriptbutton:hover { |
128 | 131 |
border: 1px; |
129 | 132 |
border-style: solid; |
130 | 133 |
} |
131 | 134 |
|
132 |
div.layout-actionbar .layout-actionbar-link { |
|
133 |
margin-left: 6px; |
|
134 |
margin-right: 6px; |
|
135 |
cursor: default; |
|
136 |
} |
|
137 |
|
|
138 | 135 |
div.layout-actionbar-combobox { |
139 | 136 |
position: relative; |
140 | 137 |
display: inline-block; |
css/kivitendo/main.css | ||
---|---|---|
534 | 534 |
background-color: white; |
535 | 535 |
} |
536 | 536 |
|
537 |
div.layout-actionbar div.layout-actionbar-link, |
|
537 | 538 |
div.layout-actionbar div.layout-actionbar-submit, |
538 | 539 |
div.layout-actionbar div.layout-actionbar-scriptbutton, |
540 |
div.layout-actionbar div.layout-actionbar-link:focus, |
|
539 | 541 |
div.layout-actionbar div.layout-actionbar-submit:focus, |
540 | 542 |
div.layout-actionbar div.layout-actionbar-scriptbutton:focus { |
541 | 543 |
border-color: darkgray; |
542 | 544 |
background-color: whitesmoke; |
543 | 545 |
} |
544 | 546 |
|
547 |
div.layout-actionbar div.layout-actionbar-link:hover, |
|
545 | 548 |
div.layout-actionbar div.layout-actionbar-submit:hover, |
546 | 549 |
div.layout-actionbar div.layout-actionbar-scriptbutton:hover { |
547 | 550 |
color: #FE5F14; |
css/lx-office-erp/main.css | ||
---|---|---|
536 | 536 |
background-color: #d0cfc9; |
537 | 537 |
} |
538 | 538 |
|
539 |
div.layout-actionbar div.layout-actionbar-link, |
|
539 | 540 |
div.layout-actionbar div.layout-actionbar-submit, |
540 | 541 |
div.layout-actionbar div.layout-actionbar-scriptbutton, |
542 |
div.layout-actionbar div.layout-actionbar-link:focus, |
|
541 | 543 |
div.layout-actionbar div.layout-actionbar-submit:focus, |
542 | 544 |
div.layout-actionbar div.layout-actionbar-scriptbutton:focus { |
543 | 545 |
border-color: darkgray; |
... | ... | |
547 | 549 |
border-radius: 2px; |
548 | 550 |
} |
549 | 551 |
|
552 |
div.layout-actionbar div.layout-actionbar-link:hover, |
|
550 | 553 |
div.layout-actionbar div.layout-actionbar-submit:hover, |
551 | 554 |
div.layout-actionbar div.layout-actionbar-scriptbutton:hover { |
552 | 555 |
background-color: lightgray; |
js/kivi.ActionBar.js | ||
---|---|---|
129 | 129 |
$(e).tooltipster({ content: data.tooltip, theme: 'tooltipster-light' }); |
130 | 130 |
} |
131 | 131 |
|
132 |
if (data.call || data.submit) { |
|
132 |
if (data.call || data.submit || data.link) {
|
|
133 | 133 |
$(e).click(function(event) { |
134 | 134 |
var $hidden, key, func, check; |
135 | 135 |
if ($(e).hasClass(CLASSES.disabled)) { |
... | ... | |
160 | 160 |
} |
161 | 161 |
$(form).submit(); |
162 | 162 |
} |
163 |
if (data.link) { |
|
164 |
window.location.href = data.link; |
|
165 |
} |
|
163 | 166 |
}); |
164 | 167 |
} |
165 | 168 |
}; |
Auch abrufbar als: Unified diff
ActionBar: normale Link-Elemente nun doch als DIVs rendern & als Buttons stylen