Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision 412f76c9

Von Moritz Bunkus vor fast 8 Jahren hinzugefügt

  • ID 412f76c91f08e0f828f9f070abd883b1af7022ae
  • Vorgänger ffb2fb4c
  • Nachfolger cf7153b0

ActionBar: normale Link-Elemente nun doch als DIVs rendern & als Buttons stylen

Unterschiede anzeigen:

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