From 1b0f8683bb779489124def77c3d61aef5b8d8e2b Mon Sep 17 00:00:00 2001 From: ralf Date: Thu, 12 Sep 2024 16:18:55 +0200 Subject: [PATCH] readded a ton of images I had not replacement for and which were used in less files, todo: fw_mobile.less --- api/src/Image.php | 8 +- api/templates/default/images/ajax-loader.gif | Bin 0 -> 875 bytes api/templates/default/images/bgtopmenu2.png | Bin 0 -> 147 bytes api/templates/default/images/clear.png | Bin 0 -> 954 bytes .../default/images/hint-arrow-right.png | Bin 0 -> 1758 bytes api/templates/default/images/resize.png | Bin 0 -> 275 bytes api/templates/default/images/select-icons.png | Bin 0 -> 1365 bytes api/templates/default/images/slideup.png | Bin 0 -> 257 bytes .../default/images/splitter_horz.png | Bin 0 -> 395 bytes .../default/images/splitter_vert.png | Bin 0 -> 398 bytes pixelegg/css/fancy.css | 133 +++++++++--------- pixelegg/css/mobile.css | 133 +++++++++--------- pixelegg/css/monochrome.css | 133 +++++++++--------- pixelegg/css/pixelegg.css | 133 +++++++++--------- pixelegg/less/def_buttons.less | 8 +- pixelegg/less/etemplate2.less | 44 +++--- pixelegg/less/jquery-ui.less | 12 +- pixelegg/less/layout_ajaxLoader.less | 2 +- pixelegg/less/layout_buttons.less | 8 +- pixelegg/less/layout_chosen.less | 4 +- pixelegg/less/layout_content_elements.less | 7 +- pixelegg/less/layout_dialog.less | 18 +-- pixelegg/less/layout_loginPage.less | 10 +- pixelegg/less/layout_messages.less | 14 +- pixelegg/less/layout_raster_header.less | 2 +- pixelegg/less/layout_raster_main.less | 2 +- pixelegg/less/layout_raster_scrollarea.less | 7 +- pixelegg/less/layout_raster_sidebar.less | 6 +- pixelegg/less/layout_table.less | 4 +- pixelegg/less/layout_traditional.less | 10 -- pixelegg/mobile/fw_mobile.css | 133 +++++++++--------- 31 files changed, 388 insertions(+), 443 deletions(-) create mode 100755 api/templates/default/images/ajax-loader.gif create mode 100644 api/templates/default/images/bgtopmenu2.png create mode 100755 api/templates/default/images/clear.png create mode 100644 api/templates/default/images/hint-arrow-right.png create mode 100644 api/templates/default/images/resize.png create mode 100644 api/templates/default/images/select-icons.png create mode 100644 api/templates/default/images/slideup.png create mode 100644 api/templates/default/images/splitter_horz.png create mode 100644 api/templates/default/images/splitter_vert.png diff --git a/api/src/Image.php b/api/src/Image.php index 1e48e3e3f5..b8f7a21526 100644 --- a/api/src/Image.php +++ b/api/src/Image.php @@ -67,7 +67,7 @@ class Image 'discard' => 'arrow-counterclockwise', 'done' => 'check-lg', 'dots' => 'three-dots-vertical', - 'down' => 'array-bar-down', + 'down' => 'arrow-bar-down', //'download' => 'download', 'drop' => 'paperclip', 'edit' => 'pencil-square', @@ -99,7 +99,7 @@ class Image 'list_alt' => 'list', //'lock' => 'lock', 'logout' => 'power', - //used in mobile: 'menu_active' => 'array-bar-left', + //used in mobile: 'menu_active' => 'arrow-bar-left', 'mail' => 'envelope', 'menu_list' => 'list-task', 'milestone' => 'check2-circle', @@ -179,7 +179,7 @@ class Image 'navbar' => 'app', 'new' => 'file-earmark-plus', 'new_leaf' => 'file-earmark-plus', - 'next' => 'array-bar-right', + 'next' => 'arrow-bar-right', 'notification_message' => 'bell', 'notification_message_active' => 'bell', 'offer' => 'question-square', @@ -192,7 +192,7 @@ class Image 'plus' => 'plus-lg', 'portrait' => 'tablet', 'preferences' => 'gear', - 'previous' => 'array-bar-left', + 'previous' => 'arrow-bar-left', 'print' => 'printer', 'prio_high' => 'arrow-up-circle', 'prio_low' => 'arrow-down-circle', diff --git a/api/templates/default/images/ajax-loader.gif b/api/templates/default/images/ajax-loader.gif new file mode 100755 index 0000000000000000000000000000000000000000..84ee0a68b477194ad1410809703edf2588e019fa GIT binary patch literal 875 zcmZ?wbhEHb6krfw_`<;O|NnnuW8+`Heyv)y>eQ)I)22;Zv}nMwp`g&^eyJxz zOX}!@6)PN6Tx$;;IC$+S6GzXKhSUrZA)bQ=6dVM(d=4~xNDg#wW^&r{bX$Pw3!u-kC5G#KzjvRP>Ha<(fgVzWE} z=tJet6Etp#cxZ7Q2@v7bUD9s&-nfy=%K5aR_ZE+qriW}EdNWjRZmeYB5ZHI|4C{?7 zZoS5E7l%81kqnCrJUGQ#bqxBPu5k5b3wS+y%M)sETF%T;qms=Vqsh=_!jGwqw8?Al~edazEi@Z=R(^J z4R(Pp7853g=NdW^%iI(bJs2W_XK*y;nl9POnB?NIg^gj=&cq}gu0GX<0%Nh{Bgz}p zfAGFhVmC1}4^Y#J&~MP_=~cmMX*|?Y51_|5mN}R(9NKiuQOR>6$A(!86FBVhT3I~} zR5~Pj<-E-|@p|a6AMDgEY1V3Lc9jwlSaMkRV#11!gab@J1q?emBsNTU=;w1b&*0EE UWJzO<(d_O~Q)I9PB~LH_0P%Sk0ssI2 literal 0 HcmV?d00001 diff --git a/api/templates/default/images/bgtopmenu2.png b/api/templates/default/images/bgtopmenu2.png new file mode 100644 index 0000000000000000000000000000000000000000..82ef64d577934e0ddbe63bbe2916385e4c78cfb7 GIT binary patch literal 147 zcmeAS@N?(olHy`uVBq!ia0vp^j6f{O!2~4hKV8-UQk(@Ik;M!Qd~P7jc>b9qNCkU| zr>`sfbw*Y`QPviL1Qno=k*AAe2*>r%u7jKm3Oq*+y|wRde!-Qe^!BIFZFhx6gYBt{ pS#HiZF*+*$WnFx=qxyx27==(>soWzcoq)O-JYD@<);T3K0RW#`DIov= literal 0 HcmV?d00001 diff --git a/api/templates/default/images/clear.png b/api/templates/default/images/clear.png new file mode 100755 index 0000000000000000000000000000000000000000..4ef5503a07183b94e10696be1d817b702f21ddaa GIT binary patch literal 954 zcmaJ=J#W)M7&eN8N~MY!rjyG^?6X}bwG~qmJE4|v6eW?!*o%EhPN{vyz7Qu9Vn9Ot z0ycgD6B`3CvUKTIMx;(iEbMSj;}j&qN%q})dYxyMeI?;!tn zZt{P+T>j+S9o8JM9v!hcO0ZB5=nw-pL}T2=C|ErGf@^|M5=no+2Hs=Sr=f&$jFg2j zXA45@D2tIl#S9Gbm_(NNGz>TBly&iS zy#EwV`->RMU7XTc;`7Fh_H$RUX(t#ln)E3>Evnd=P)5@Uje*_Mfroq&<@O5id8Qks z3`IV69ZTd25+Q*J51UTwKyOrF6DmqmYp80)Pz}}5RlQ{&Y6aJ!{w%~1E4aZm*WSv_ zM(u+%#rHGih9K;e-jZKu+RNMbPA)FbFW)@>Ykj%}g@^A;*0>JFPG0;5M)WD7 literal 0 HcmV?d00001 diff --git a/api/templates/default/images/hint-arrow-right.png b/api/templates/default/images/hint-arrow-right.png new file mode 100644 index 0000000000000000000000000000000000000000..cd6b7bf7c6ff2a1b2feacc0d99750fa75128ebec GIT binary patch literal 1758 zcmbVNX;2eq7+#11A}|psV2iQ@(5jH#%}FAGgd_+`IHN>yl#nbWLb5SgOP~&Nj1G*J zS|_5?QQ|?TDyN{9ih_tBg0bR()*m?H6c~$$f)^;=AlS~->5uO0?)QD~zR&aCv&C^S ztDGIbbOZpvIVw_=K&+tkaj+xahMb%+Vp)ibWq2Z%hG)t3C?HT`sVEqwk*A{xs9c%7 zwG#~i0Fp{AmEkf;G*^LXsB)_g)u_=CXaEQaGwS4u3={`b(R8(zM;W=$OaawO9wmt> zfh9U2s!~Vh=+VTS7^xyBL%~r}!a~6iBbOl1ptu|~YBIG3u8~KX=H(K5s~Dny(<*od zkMhwenIsMrVtN#0Qt3eo7(qZ5i;6IqEEW<7(qM!J!Nko9LKs{oi%VmJGZ%%hrdOtM z6GRa+wulptqQY?<7lN{~vZz^fDyC0|5Dtf9<)G1m2#p{^wicHggR};}Sq2emQ0Ub< zT#ac#E2BIW+lKQfgr^@v(C8$RPsCcoOrnUCK}NX_LZ~pL(OBb});8b?=-+O9R@)%W z)}c@WYQVPX6+}JK{AR&K?*7}5Rgv(98>?3nMUiKUFvT_vs>P#3JPPrJs#GhvFg=*a zBAWrTX)r4oL4x66x|oA-!r3Bv1c%0+<@g+y5l)Ahv~W5H7SItyOb@4rBjN}SQ4Xen z0gLFf*eI<5munU1tX(x>cLq!QPb^ocN98!Cmtt7vYzM@tFdQ?eFdZmNWPx8xfSLb}Tp(uB#0)xJ#1IH5Gg#&S$r?mB16kYS zAMG+LB6`re{nY%#;nVn_T4HAO#BkWS4u=vm=M*IpNR7XzPEJjQUE$k$tag?)=kmnw z4td#mIsHQNS|%Ztl$4~rdp*+U6dfJy)ZN`ZCLzIq9`N(?6J}>O&e{9asqNdPlCrS^ zZM^Qqlc-X+r7=1{csZk^WYN`@y~CESuEgVwqz~^W?A!S*&TT#XbN%~QB$@IWuMFNS z4;$yN@@l=4a>acmVA^FKa(DuW$%WVtqbdXK=wK??>DK0A-lA_@heYH&tO^JP~PaDk>|R8cv_i;2hQG z`4pYyJ0VD2SZix*b8(6NlAoroEhdcy1O)83XdEs0V$gR!o6Wv=<_xXWVzFF(;|)04 zASXN~POs{FdV0XFB)8j(-#E1OR#sJwxT>N1ms_?!vkS!Hj_oNd?EkT}! z2jS+sFIJ|f54>z4AGB$hBumPaD)k`LFo=>}U2|L-CYRT`44tg54vnp6`R*g}OLw@t zyEj#v&1UDoks4d!u?4EPi+*LS&VRIm+-L7`7P{Efw3t-i|LoMMQ=YYh=Joa7GIQQg zMsIZ;pEqVN3z*6m&pn#Pz3SpMT;^=--ID;2Q-Eatcbqovkz(r~CrTV6st!*n_zPgq BqqYD5 literal 0 HcmV?d00001 diff --git a/api/templates/default/images/resize.png b/api/templates/default/images/resize.png new file mode 100644 index 0000000000000000000000000000000000000000..308c8cb1f18bf23f817c0d3d6b7e9d1db4711b9c GIT binary patch literal 275 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4u8B>#36YXd3H0*}aI1_o|n5N2eUHAey{$X?>< z>&kwekx@W|{ndTV6rj*1PZ!4!jq|+|&T_UI2(%oxDZ1{-*qh(?zS{~4UOahBLTS}1uUOt$%VsXq^tSr>H9YF+&qsII8)mjA zR=f|t^X}1J`@ZBzv9+ZfjWe&ljmo`!>dNf>m$KIWz2U#=^)C6pOZI&|EynPH<@vE9 Va{;>}2|(8~c)I$ztaD0e0su~laT)*s literal 0 HcmV?d00001 diff --git a/api/templates/default/images/select-icons.png b/api/templates/default/images/select-icons.png new file mode 100644 index 0000000000000000000000000000000000000000..471d2e48606683856a85ff926613b6f1e832c4c1 GIT binary patch literal 1365 zcmeAS@N?(olHy`uVBq!ia0vp^;y`?bgAGWQhwaz}q$EpRBT9nv(@M${i&7aJQ}UBi z6+Ckj(^G>|6H_V+Po~;1FfgZOhD4M^`1)8S=jZArg4F0$^BXQ!4Z zB&DWj=GiK}-@RW+Av48RDcsc8z_-9TH6zobswg$M$}c3jDm&RSMakYy!KT6rXh3di zNuokUZcbjYRfVk**jy_h8zii+qySb@l5ML5aa4qFfP!;=QL2Keo`G(%fti7VnW3Jc zv5C34xsHO7fuVuEfswwUk*=Y+m9dePfq?=PC;@FNN=dT{a&d#&1?1T(Wt5Z@Sn2DR zmzV368|&p4rRy77T3Uk4Ff!5ws?aU2%qvN((9J7WhMC}!TAW;zSx}OhpQivaF)=B> zw8T~k=u(ImatnNY;RfdwLjwvJWcn3}1^R}12Ku?VAb){X7ncO3BAkI$b#X{#L8^XG zYH@yPQ8F+-(v)GEfnkT=B9KC$Ypnc>GJ%njnB$V4T$-DjSK{ens|1wMOUX>JGBC6- zFf=qbF)%kWFtac;v@~)ua5XeBurzdXHa2lJgqeX&uZ5ABg{7sbvw?++lcAxjv8AJd zsim=*vzwc-g@L)N3rw$PUU5lcUUDkT-b|pqP`yrg^;$U>r6!i-7lq{K=fF}xKt_H^ zesM;Afr4|ese*4}a%LWg4~ia$Z(UN0GRsm^+=}vZ6~N(Zm5IfE10zEIhUiTpC(QJL zj?o7t4y42a69T3{5EGvCfgE_|NzDW1m?B`-cox33j)8%()zif>q~g|_J7;?j83?pJ ztZhU?&<{`s}^*uP4X`k-?E`rqOe26)wr+zSi_?0$8Xp?wovo9rtajGDRnhP z>c)YCU~v1E=CK+7&Obk}siFV4zTy(aA577#N3xGaF}`fA59SJE{MfLT>5*ab>V}E~ zVU4d+Hzut8|D-i5xpKP z`~KFlgY`3hoUt*~!6sp~!`Dp_8?MPet9cq-T$0tDRs_M&;km6d@S(mI$+PNZ`T&3q*1Lo@#~FsDd*zq4ddU@+e@pZl>l=1&o~@nX?Y#3%vF`Dwzf@1Xt-hzb{y6jh`%HWwaPNv7 a6A#1Ql6#`Am$rb4O9oF@KbLh*2~7aTdgz+~ literal 0 HcmV?d00001 diff --git a/api/templates/default/images/slideup.png b/api/templates/default/images/slideup.png new file mode 100644 index 0000000000000000000000000000000000000000..864665e7f8b826d49b2173029f630a34145951e4 GIT binary patch literal 257 zcmeAS@N?(olHy`uVBq!ia0vp^{2_TL=r7{}6$QVidW0~8oe#PzQeJR7QDf82Rzql2k*f|)(Tqy8Nxi*`Ox y4zXosK9MG{ZPTW}hK(N+Q%ZZBjdPhFdgVi;a(mRsLnS_&T7FfTxRN2*>s04~Y$qEDha^3_8o0eturtvIZ!};OXk;vd$@? F2>`y(rUd{1 literal 0 HcmV?d00001 diff --git a/api/templates/default/images/splitter_vert.png b/api/templates/default/images/splitter_vert.png new file mode 100644 index 0000000000000000000000000000000000000000..a18d1716af782bf6f7d47e6bf3b80edb88947e65 GIT binary patch literal 398 zcmeAS@N?(olHy`uVBq!ia0vp^%s|Y^0U{6Nro9GIjKx9jP7LeL$-D$|UIqAsxb}4Q zj1UyYcyl=@2ugzdf*Bm1-ADs*lDyqr7&=&GJ%Aj}0*}aI1_o|n5N2eUHAey{$X?>< z>&kwMjgN;#ZT-}B&w)Y$o-U3d9M_XSq<%FVdQ&MBb@ E02!gCZvX%Q literal 0 HcmV?d00001 diff --git a/pixelegg/css/fancy.css b/pixelegg/css/fancy.css index 951e6c5327..01ce689d6c 100644 --- a/pixelegg/css/fancy.css +++ b/pixelegg/css/fancy.css @@ -277,13 +277,13 @@ margin-left: -10px; } a.et2_url.email { - background-image: url(../../api/templates/default/images/email.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/envelope.svg); } a.et2_url.phone { - background-image: url(../../api/templates/default/images/phone.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/telephone.svg); } a.et2_url.url { - background-image: url(../../api/templates/default/images/url.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/link-45deg.svg); } /** * Button widget - text only, and icon @@ -355,7 +355,7 @@ } .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close { /*visibility: hidden;*/ - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-square.svg); margin: -2px -3px; padding: 0px; } @@ -375,7 +375,7 @@ border-left: 1px solid #F2F2F2; } .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { - background-image: url(../../api/templates/default/images/bullet.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/record.svg); background-color: transparent; background-size: contain; border: none; @@ -387,12 +387,12 @@ background-color: transparent; } .ui-datepicker .ui-datepicker-prev span { - background-image: url(../../api/templates/default/images/previous.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg) !important; background-position: 0px 0px !important; background-size: contain; } .ui-datepicker .ui-datepicker-next span { - background-image: url(../../api/templates/default/images/next.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg) !important; background-position: 0px 0px !important; background-size: contain; } @@ -403,13 +403,13 @@ .et2_file .progress li:hover div.remove { width: 16px; height: 16px; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); } .et2_file .progress p { background-color: #FFDD73; } span.et2_file_span { - background-image: url(../../api/templates/default/images/attach.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/paperclip.svg); } span.et2_file_span img[url*="svg"] { background-color: #b4b4b4 !important; @@ -509,7 +509,7 @@ left: 0px; } .et2_link_to .et2_link_entry .ui-icon-triangle-1-s { - background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; } .et2_link_to .et2_file span { background-position: center; @@ -520,7 +520,7 @@ border-radius: 3px; } .et2_link_entry .ui-icon-triangle-1-s { - background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; background-size: contain; } .et2_link { @@ -541,7 +541,7 @@ } .et2_link_list td div.delete { visibility: hidden; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); background-position: center; background-repeat: no-repeat; background-size: 12px 12px; @@ -549,7 +549,7 @@ } .et2_vfs td div.delete { visibility: hidden; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); background-position: center; background-repeat: no-repeat; background-size: 12px 12px; @@ -911,7 +911,7 @@ color: #000000; } .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash { - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); background-size: 12px 12px; background-position: center 2px; margin-top: 0px; @@ -929,7 +929,7 @@ .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { width: 9px; height: 16px; - background-image: url(../../api/templates/default/images/favorites.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/star-fill.svg); background-size: 16px 16px; background-position: 1px 0; margin-right: 9px; @@ -940,7 +940,7 @@ height: 16px; margin-left: 4px; margin-right: 10px; - background-image: url(../../api/templates/default/images/fav_filter.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/star.svg); background-size: 16px 16px; background-position: 0 0; background-repeat: no-repeat; @@ -972,12 +972,12 @@ } .nextmatch_sortheader.asc { font-weight: bold; - background-image: url(../../api/templates/default/images/arrow_up.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg); background-size: 8px 8px; } .nextmatch_sortheader.desc { font-weight: bold; - background-image: url(../../api/templates/default/images/arrow_down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg); background-size: 8px 8px; } /** @@ -1027,11 +1027,11 @@ * et2_taglist */ .et2_taglist_toggle > div.toggle { - background-image: url("../../api/templates/default/images/minus.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/dash-lg.svg"); background-size: 50%; } .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle { - background-image: url("../../api/templates/default/images/plus.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/plus-lg.svg"); background-size: 50%; } .et2_taglist.et2_taglist_category { @@ -1106,11 +1106,11 @@ padding-left: 5px; } .et2_vfsPath input.et2_textbox.et2_vfs { - background-image: url(../../api/templates/default/images/edit.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/pencil-square.svg); } /*#################################### ET2 SEARCHBOX #####################################################*/ .et2_searchbox button.et2_button { - background-image: url(../../api/templates/default/images/search.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg); background-size: 20px 20px; background-position: center; } @@ -1242,13 +1242,13 @@ option:checked { text-decoration: none; } .ui-state-default .ui-icon.ui-icon-triangle-1-s { - background: url("../../api/templates/default/images/arrow_down.svg"); + background: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg"); background-size: 8px auto; background-position: center; background-repeat: no-repeat; } .ui-widget-header .ui-icon.ui-icon-check { - background-image: url("../../api/templates/default/images/check.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/check-lg.svg"); background-size: 12px auto; background-position: center; background-repeat: no-repeat; @@ -1343,9 +1343,7 @@ option:checked { background-color: #FFDD73; } .ui-icon-close { - /*visibility: hidden;*/ - /*background-image: url(../../api/templates/default/images/search.png);*/ - background-image: url("../../api/templates/default/images/cancel.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/x-square.svg"); background-repeat: no-repeat; background-color: #FFFFFF; background-size: 12px 12px; @@ -1375,7 +1373,7 @@ span.ui-icon-close { } /*Schliessen x*/ .ui-icon-closethick { - background-image: url(../../api/templates/default/images/close.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg) !important; background-repeat: no-repeat; background-color: #FFFFFF; background-size: contain; @@ -1424,7 +1422,7 @@ span.ui-multiselect-header { color: #FFFFFF; } span.ui-icon-search { - background-image: url(../../api/templates/default/images/search.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg) !important; background-position: 0px; background-size: 10px 10px; } @@ -2173,7 +2171,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { background-color: transparent; } #loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] { - background-image: url(../../api/templates/default/images/task.png); + /*background-image: url(../../node_modules/bootstrap-icons/icons/task.png);*/ background-repeat: no-repeat; background-position-x: 0; } @@ -2215,10 +2213,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { opacity: 0.5; } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username { - background-image: url(../../api/templates/default/images/personal.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/person.svg); } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password { - background-image: url(../../api/templates/default/images/password.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/key.svg); } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me { background-image: none; @@ -2227,10 +2225,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { padding-left: 31px; } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain { - background-image: url(../../api/templates/default/images/internet.png); + background-image: url(../../node_modules/bootstrap-icons/icons/globe2.svg); } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language { - background-image: url(../../api/templates/default/images/language.png); + background-image: url(../../node_modules/bootstrap-icons/icons/translate.svg); } #loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] { height: 25px; @@ -2379,7 +2377,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { float: right; } .egw_fw_ui_tab_content > .loading { - background-image: url('../../api/templates/default/images/loading.gif'); + background-image: url('../../api/templates/default/images/loading.svg'); background-repeat: no-repeat; text-align: center; line-height: 400px; @@ -2522,7 +2520,7 @@ button[id="timesheet-edit_button[delete]"], button[id="displayToolbar-delete"], button.et2_button_delete { /*background-color: @color_negative_action_hover !important;*/ - background-image: url('../../api/templates/default/images/delete.png'); + background-image: url('../../node_modules/bootstrap-icons/icons/trash3.svg'); margin-left: 3em; /*.border_normal;*/ /*.box_shadow_standard_light;*/ @@ -2625,7 +2623,7 @@ button.et2_button_delete:active { * ######################################################################################## */ #passwordchange { - background-image: url('../../api/templates/default/images/cancel.png') !important; + background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2672,7 +2670,7 @@ button.et2_button_delete:active { /*div.et2_box_widget .et2_button_text:last_child,*/ button[id="cancel"], button#cancel { - background-image: url('../../api/templates/default/images/cancel.png') !important; + background-image: url('node_modules/bootstrap-icons/icons/x-square.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2714,7 +2712,7 @@ button#cancel:active { box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } #passwordcancel { - background-image: url('../../api/templates/default/images/cancel.png') !important; + background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2777,7 +2775,7 @@ button.add:before { line-height: 1.1em; } button[id="add"] { - background-image: url('../../api/templates/default/images/add.png') !important; + background-image: url('../../node_modules/bootstrap-icons/icons/plus-circle.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2824,13 +2822,13 @@ button[id="add"] { /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single div b { - background-image: url("../../api/templates/default/images/arrow_down.svg") !important; + background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg") !important; background-size: 8px auto !important; background-position: center; background-repeat: no-repeat; } .chzn-container-single.chzn-with-drop .chzn-single div b { - background-image: url("../../api/templates/default/images/arrow_up.svg") !important; + background-image: url("../../node_modules/bootstrap-icons/icons/caret-up-fill.svg") !important; background-size: 8px auto; background-position: center; background-repeat: no-repeat; @@ -3055,12 +3053,12 @@ select { -webkit-appearance: none; -moz-appearance: none; margin: 0; - background: url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; background-size: 8px auto; background-position-x: calc(100% - 8px); } select:active { - background: #ffffff url(../../api/templates/default/images/arrow_up.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg) no-repeat center right; background-size: 8px auto; background-position-x: calc(100% - 8px); } @@ -3217,11 +3215,6 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.su * @package pixelegg * @version $Id$ */ -/*body { - background-color: @gray_0; - background-image: url(../../api/templates/default/images/bgDialog.png); - background-repeat: repeat-x; -}*/ div#popupMainDiv { padding: 8px; background-color: #FFFFFF; @@ -3250,7 +3243,7 @@ form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input { /*.background-clip(padding-box);*/ } form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker { - background-image: url("../../api/templates/default/images/datepopup.png"); + background-image: url("../../node_modules/bootstrap-icons/icons/calendar3.svg"); } form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover { cursor: pointer; @@ -3549,21 +3542,21 @@ div.admin-config form > table td b { } .warning_message { border-left: 24px solid rgba(255, 204, 0, 0.5) !important; - background-image: url(../../api/templates/default/images/dialog_warning.png); + background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-triangle.svg); } .error_message { border-left: 24px solid rgba(204, 0, 51, 0.5) !important; - background-image: url(../../api/templates/default/images/dialog_error.png); + background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-circle.svg); } .info_message { - background-image: url(../../api/templates/default/images/dialog_info.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/info-circle.svg); } .info_message .discard { float: right; margin-top: 4px; } .success_message { - background-image: url(../../api/templates/default/images/check.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/check-lg.svg); } /** * Message in popup @@ -3616,7 +3609,7 @@ body .egw_message_wrapper div#egw_message span.close { background: #d0cdcdb5; right: 10px; top: 10px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); background-size: 12px; background-repeat: no-repeat; background-position: center; @@ -3872,7 +3865,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -3922,7 +3915,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/search.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -3973,7 +3966,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -3988,7 +3981,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/back.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; @@ -4003,7 +3996,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/forward.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; @@ -4039,7 +4032,7 @@ td.lettersearch { background: rgba(103, 159, 210, 0.2); } #egwpopup div#egwpopup_header .egwpopup_deleteall { - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); width: 12px; height: 12px; background-position: center; @@ -4442,7 +4435,7 @@ body.scrollVertical { } /*ICON List*/ #egw_fw_topmenu_slide.slidedown { - background-image: url("../../api/templates/default/images/list.png"); + background-image: url("../../node_modules/bootstrap-icons/icons/list.svg"); background-position: center center; height: 15px; width: 15px; @@ -4588,7 +4581,7 @@ body.scrollVertical { } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button { top: 0px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { font-size: 12px; @@ -4772,7 +4765,7 @@ body.scrollVertical { padding-left: 35px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { - background-image: url(../../api/templates/default/images/reload.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-clockwise.svg); background-size: 18px; background-position: 9px 6px; background-repeat: no-repeat; @@ -4855,7 +4848,7 @@ body.scrollVertical { line-height: 1em; font-size: 13px; font-weight: normal; - background-image: url(../../api/templates/default/images/arrow_right.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg); background-repeat: no-repeat; background-position: left center; background-size: 12px; @@ -4877,7 +4870,7 @@ body.scrollVertical { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 { color: #f2f2f2; - background-image: url(../../api/templates/default/images/arrow_down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg); line-height: 1em; font-size: 12px; background-size: 12px; @@ -5245,7 +5238,7 @@ body.scrollVertical { height: 35px; top: 0px; border-bottom: 1px solid silver; - background-image: url(../../api/templates/default/images/up.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-up.svg.svg); background-position: center; background-repeat: no-repeat; background-position-y: 5px; @@ -5255,7 +5248,7 @@ body.scrollVertical { bottom: 0px; height: 35px; border-top: 1px solid silver; - background-image: url(../../api/templates/default/images/down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-down.svg); background-repeat: no-repeat; background-position: center; background-position-y: 6px; @@ -6162,12 +6155,12 @@ table.egwGridView_grid span.arrow { width: 8px; } table.egwGridView_grid span.arrow.opened { - background-image: url("../../api/templates/default/images/arrow_down.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg"); cursor: pointer; background-position: bottom; } table.egwGridView_grid span.arrow.closed { - background-image: url("../../api/templates/default/images/arrow_right.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/caret-right-fill.svg"); cursor: pointer; background-position: right; } diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index 30e867339d..50c369006a 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -280,13 +280,13 @@ margin-left: -10px; } a.et2_url.email { - background-image: url(../../api/templates/default/images/email.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/envelope.svg); } a.et2_url.phone { - background-image: url(../../api/templates/default/images/phone.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/telephone.svg); } a.et2_url.url { - background-image: url(../../api/templates/default/images/url.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/link-45deg.svg); } /** * Button widget - text only, and icon @@ -358,7 +358,7 @@ } .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close { /*visibility: hidden;*/ - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-square.svg); margin: -2px -3px; padding: 0px; } @@ -378,7 +378,7 @@ border-left: 1px solid #F2F2F2; } .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { - background-image: url(../../api/templates/default/images/bullet.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/record.svg); background-color: transparent; background-size: contain; border: none; @@ -390,12 +390,12 @@ background-color: transparent; } .ui-datepicker .ui-datepicker-prev span { - background-image: url(../../api/templates/default/images/previous.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg) !important; background-position: 0px 0px !important; background-size: contain; } .ui-datepicker .ui-datepicker-next span { - background-image: url(../../api/templates/default/images/next.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg) !important; background-position: 0px 0px !important; background-size: contain; } @@ -406,13 +406,13 @@ .et2_file .progress li:hover div.remove { width: 16px; height: 16px; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); } .et2_file .progress p { background-color: #FFDD73; } span.et2_file_span { - background-image: url(../../api/templates/default/images/attach.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/paperclip.svg); } span.et2_file_span img[url*="svg"] { background-color: #b4b4b4 !important; @@ -512,7 +512,7 @@ left: 0px; } .et2_link_to .et2_link_entry .ui-icon-triangle-1-s { - background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; } .et2_link_to .et2_file span { background-position: center; @@ -523,7 +523,7 @@ border-radius: 3px; } .et2_link_entry .ui-icon-triangle-1-s { - background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; background-size: contain; } .et2_link { @@ -544,7 +544,7 @@ } .et2_link_list td div.delete { visibility: hidden; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); background-position: center; background-repeat: no-repeat; background-size: 12px 12px; @@ -552,7 +552,7 @@ } .et2_vfs td div.delete { visibility: hidden; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); background-position: center; background-repeat: no-repeat; background-size: 12px 12px; @@ -914,7 +914,7 @@ color: #000000; } .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash { - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); background-size: 12px 12px; background-position: center 2px; margin-top: 0px; @@ -932,7 +932,7 @@ .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { width: 9px; height: 16px; - background-image: url(../../api/templates/default/images/favorites.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/star-fill.svg); background-size: 16px 16px; background-position: 1px 0; margin-right: 9px; @@ -943,7 +943,7 @@ height: 16px; margin-left: 4px; margin-right: 10px; - background-image: url(../../api/templates/default/images/fav_filter.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/star.svg); background-size: 16px 16px; background-position: 0 0; background-repeat: no-repeat; @@ -975,12 +975,12 @@ } .nextmatch_sortheader.asc { font-weight: bold; - background-image: url(../../api/templates/default/images/arrow_up.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg); background-size: 8px 8px; } .nextmatch_sortheader.desc { font-weight: bold; - background-image: url(../../api/templates/default/images/arrow_down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg); background-size: 8px 8px; } /** @@ -1030,11 +1030,11 @@ * et2_taglist */ .et2_taglist_toggle > div.toggle { - background-image: url("../../api/templates/default/images/minus.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/dash-lg.svg"); background-size: 50%; } .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle { - background-image: url("../../api/templates/default/images/plus.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/plus-lg.svg"); background-size: 50%; } .et2_taglist.et2_taglist_category { @@ -1109,11 +1109,11 @@ padding-left: 5px; } .et2_vfsPath input.et2_textbox.et2_vfs { - background-image: url(../../api/templates/default/images/edit.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/pencil-square.svg); } /*#################################### ET2 SEARCHBOX #####################################################*/ .et2_searchbox button.et2_button { - background-image: url(../../api/templates/default/images/search.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg); background-size: 20px 20px; background-position: center; } @@ -1245,13 +1245,13 @@ option:checked { text-decoration: none; } .ui-state-default .ui-icon.ui-icon-triangle-1-s { - background: url("../../api/templates/default/images/arrow_down.svg"); + background: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg"); background-size: 8px auto; background-position: center; background-repeat: no-repeat; } .ui-widget-header .ui-icon.ui-icon-check { - background-image: url("../../api/templates/default/images/check.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/check-lg.svg"); background-size: 12px auto; background-position: center; background-repeat: no-repeat; @@ -1346,9 +1346,7 @@ option:checked { background-color: #FFDD73; } .ui-icon-close { - /*visibility: hidden;*/ - /*background-image: url(../../api/templates/default/images/search.png);*/ - background-image: url("../../api/templates/default/images/cancel.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/x-square.svg"); background-repeat: no-repeat; background-color: #FFFFFF; background-size: 12px 12px; @@ -1378,7 +1376,7 @@ span.ui-icon-close { } /*Schliessen x*/ .ui-icon-closethick { - background-image: url(../../api/templates/default/images/close.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg) !important; background-repeat: no-repeat; background-color: #FFFFFF; background-size: contain; @@ -1427,7 +1425,7 @@ span.ui-multiselect-header { color: #FFFFFF; } span.ui-icon-search { - background-image: url(../../api/templates/default/images/search.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg) !important; background-position: 0px; background-size: 10px 10px; } @@ -2176,7 +2174,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { background-color: transparent; } #loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] { - background-image: url(../../api/templates/default/images/task.png); + /*background-image: url(../../node_modules/bootstrap-icons/icons/task.png);*/ background-repeat: no-repeat; background-position-x: 0; } @@ -2218,10 +2216,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { opacity: 0.5; } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username { - background-image: url(../../api/templates/default/images/personal.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/person.svg); } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password { - background-image: url(../../api/templates/default/images/password.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/key.svg); } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me { background-image: none; @@ -2230,10 +2228,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { padding-left: 31px; } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain { - background-image: url(../../api/templates/default/images/internet.png); + background-image: url(../../node_modules/bootstrap-icons/icons/globe2.svg); } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language { - background-image: url(../../api/templates/default/images/language.png); + background-image: url(../../node_modules/bootstrap-icons/icons/translate.svg); } #loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] { height: 25px; @@ -2382,7 +2380,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { float: right; } .egw_fw_ui_tab_content > .loading { - background-image: url('../../api/templates/default/images/loading.gif'); + background-image: url('../../api/templates/default/images/loading.svg'); background-repeat: no-repeat; text-align: center; line-height: 400px; @@ -2525,7 +2523,7 @@ button[id="timesheet-edit_button[delete]"], button[id="displayToolbar-delete"], button.et2_button_delete { /*background-color: @color_negative_action_hover !important;*/ - background-image: url('../../api/templates/default/images/delete.png'); + background-image: url('../../node_modules/bootstrap-icons/icons/trash3.svg'); margin-left: 3em; /*.border_normal;*/ /*.box_shadow_standard_light;*/ @@ -2628,7 +2626,7 @@ button.et2_button_delete:active { * ######################################################################################## */ #passwordchange { - background-image: url('../../api/templates/default/images/cancel.png') !important; + background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2675,7 +2673,7 @@ button.et2_button_delete:active { /*div.et2_box_widget .et2_button_text:last_child,*/ button[id="cancel"], button#cancel { - background-image: url('../../api/templates/default/images/cancel.png') !important; + background-image: url('node_modules/bootstrap-icons/icons/x-square.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2717,7 +2715,7 @@ button#cancel:active { box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } #passwordcancel { - background-image: url('../../api/templates/default/images/cancel.png') !important; + background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2780,7 +2778,7 @@ button.add:before { line-height: 1.1em; } button[id="add"] { - background-image: url('../../api/templates/default/images/add.png') !important; + background-image: url('../../node_modules/bootstrap-icons/icons/plus-circle.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2827,13 +2825,13 @@ button[id="add"] { /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single div b { - background-image: url("../../api/templates/default/images/arrow_down.svg") !important; + background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg") !important; background-size: 8px auto !important; background-position: center; background-repeat: no-repeat; } .chzn-container-single.chzn-with-drop .chzn-single div b { - background-image: url("../../api/templates/default/images/arrow_up.svg") !important; + background-image: url("../../node_modules/bootstrap-icons/icons/caret-up-fill.svg") !important; background-size: 8px auto; background-position: center; background-repeat: no-repeat; @@ -3058,12 +3056,12 @@ select { -webkit-appearance: none; -moz-appearance: none; margin: 0; - background: url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; background-size: 8px auto; background-position-x: calc(100% - 8px); } select:active { - background: #ffffff url(../../api/templates/default/images/arrow_up.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg) no-repeat center right; background-size: 8px auto; background-position-x: calc(100% - 8px); } @@ -3220,11 +3218,6 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.su * @package pixelegg * @version $Id$ */ -/*body { - background-color: @gray_0; - background-image: url(../../api/templates/default/images/bgDialog.png); - background-repeat: repeat-x; -}*/ div#popupMainDiv { padding: 8px; background-color: #FFFFFF; @@ -3253,7 +3246,7 @@ form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input { /*.background-clip(padding-box);*/ } form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker { - background-image: url("../../api/templates/default/images/datepopup.png"); + background-image: url("../../node_modules/bootstrap-icons/icons/calendar3.svg"); } form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover { cursor: pointer; @@ -3552,21 +3545,21 @@ div.admin-config form > table td b { } .warning_message { border-left: 24px solid rgba(255, 204, 0, 0.5) !important; - background-image: url(../../api/templates/default/images/dialog_warning.png); + background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-triangle.svg); } .error_message { border-left: 24px solid rgba(204, 0, 51, 0.5) !important; - background-image: url(../../api/templates/default/images/dialog_error.png); + background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-circle.svg); } .info_message { - background-image: url(../../api/templates/default/images/dialog_info.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/info-circle.svg); } .info_message .discard { float: right; margin-top: 4px; } .success_message { - background-image: url(../../api/templates/default/images/check.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/check-lg.svg); } /** * Message in popup @@ -3619,7 +3612,7 @@ body .egw_message_wrapper div#egw_message span.close { background: #d0cdcdb5; right: 10px; top: 10px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); background-size: 12px; background-repeat: no-repeat; background-position: center; @@ -3875,7 +3868,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -3925,7 +3918,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/search.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -3976,7 +3969,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -3991,7 +3984,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/back.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; @@ -4006,7 +3999,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/forward.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; @@ -4042,7 +4035,7 @@ td.lettersearch { background: rgba(103, 159, 210, 0.2); } #egwpopup div#egwpopup_header .egwpopup_deleteall { - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); width: 12px; height: 12px; background-position: center; @@ -4445,7 +4438,7 @@ body.scrollVertical { } /*ICON List*/ #egw_fw_topmenu_slide.slidedown { - background-image: url("../../api/templates/default/images/list.png"); + background-image: url("../../node_modules/bootstrap-icons/icons/list.svg"); background-position: center center; height: 15px; width: 15px; @@ -4591,7 +4584,7 @@ body.scrollVertical { } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button { top: 0px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { font-size: 12px; @@ -4775,7 +4768,7 @@ body.scrollVertical { padding-left: 35px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { - background-image: url(../../api/templates/default/images/reload.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-clockwise.svg); background-size: 18px; background-position: 9px 6px; background-repeat: no-repeat; @@ -4858,7 +4851,7 @@ body.scrollVertical { line-height: 1em; font-size: 13px; font-weight: normal; - background-image: url(../../api/templates/default/images/arrow_right.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg); background-repeat: no-repeat; background-position: left center; background-size: 12px; @@ -4880,7 +4873,7 @@ body.scrollVertical { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 { color: #f2f2f2; - background-image: url(../../api/templates/default/images/arrow_down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg); line-height: 1em; font-size: 12px; background-size: 12px; @@ -5248,7 +5241,7 @@ body.scrollVertical { height: 35px; top: 0px; border-bottom: 1px solid silver; - background-image: url(../../api/templates/default/images/up.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-up.svg.svg); background-position: center; background-repeat: no-repeat; background-position-y: 5px; @@ -5258,7 +5251,7 @@ body.scrollVertical { bottom: 0px; height: 35px; border-top: 1px solid silver; - background-image: url(../../api/templates/default/images/down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-down.svg); background-repeat: no-repeat; background-position: center; background-position-y: 6px; @@ -6165,12 +6158,12 @@ table.egwGridView_grid span.arrow { width: 8px; } table.egwGridView_grid span.arrow.opened { - background-image: url("../../api/templates/default/images/arrow_down.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg"); cursor: pointer; background-position: bottom; } table.egwGridView_grid span.arrow.closed { - background-image: url("../../api/templates/default/images/arrow_right.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/caret-right-fill.svg"); cursor: pointer; background-position: right; } diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css index 34c3f721ac..8f85e92994 100644 --- a/pixelegg/css/monochrome.css +++ b/pixelegg/css/monochrome.css @@ -259,13 +259,13 @@ margin-left: -10px; } a.et2_url.email { - background-image: url(../../api/templates/default/images/email.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/envelope.svg); } a.et2_url.phone { - background-image: url(../../api/templates/default/images/phone.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/telephone.svg); } a.et2_url.url { - background-image: url(../../api/templates/default/images/url.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/link-45deg.svg); } /** * Button widget - text only, and icon @@ -337,7 +337,7 @@ } .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close { /*visibility: hidden;*/ - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-square.svg); margin: -2px -3px; padding: 0px; } @@ -357,7 +357,7 @@ border-left: 1px solid #F2F2F2; } .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { - background-image: url(../../api/templates/default/images/bullet.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/record.svg); background-color: transparent; background-size: contain; border: none; @@ -369,12 +369,12 @@ background-color: transparent; } .ui-datepicker .ui-datepicker-prev span { - background-image: url(../../api/templates/default/images/previous.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg) !important; background-position: 0px 0px !important; background-size: contain; } .ui-datepicker .ui-datepicker-next span { - background-image: url(../../api/templates/default/images/next.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg) !important; background-position: 0px 0px !important; background-size: contain; } @@ -385,13 +385,13 @@ .et2_file .progress li:hover div.remove { width: 16px; height: 16px; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); } .et2_file .progress p { background-color: #FFDD73; } span.et2_file_span { - background-image: url(../../api/templates/default/images/attach.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/paperclip.svg); } span.et2_file_span img[url*="svg"] { background-color: #b4b4b4 !important; @@ -491,7 +491,7 @@ left: 0px; } .et2_link_to .et2_link_entry .ui-icon-triangle-1-s { - background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; } .et2_link_to .et2_file span { background-position: center; @@ -502,7 +502,7 @@ border-radius: 3px; } .et2_link_entry .ui-icon-triangle-1-s { - background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; background-size: contain; } .et2_link { @@ -523,7 +523,7 @@ } .et2_link_list td div.delete { visibility: hidden; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); background-position: center; background-repeat: no-repeat; background-size: 12px 12px; @@ -531,7 +531,7 @@ } .et2_vfs td div.delete { visibility: hidden; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); background-position: center; background-repeat: no-repeat; background-size: 12px 12px; @@ -893,7 +893,7 @@ color: #000000; } .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash { - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); background-size: 12px 12px; background-position: center 2px; margin-top: 0px; @@ -911,7 +911,7 @@ .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { width: 9px; height: 16px; - background-image: url(../../api/templates/default/images/favorites.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/star-fill.svg); background-size: 16px 16px; background-position: 1px 0; margin-right: 9px; @@ -922,7 +922,7 @@ height: 16px; margin-left: 4px; margin-right: 10px; - background-image: url(../../api/templates/default/images/fav_filter.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/star.svg); background-size: 16px 16px; background-position: 0 0; background-repeat: no-repeat; @@ -954,12 +954,12 @@ } .nextmatch_sortheader.asc { font-weight: bold; - background-image: url(../../api/templates/default/images/arrow_up.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg); background-size: 8px 8px; } .nextmatch_sortheader.desc { font-weight: bold; - background-image: url(../../api/templates/default/images/arrow_down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg); background-size: 8px 8px; } /** @@ -1009,11 +1009,11 @@ * et2_taglist */ .et2_taglist_toggle > div.toggle { - background-image: url("../../api/templates/default/images/minus.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/dash-lg.svg"); background-size: 50%; } .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle { - background-image: url("../../api/templates/default/images/plus.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/plus-lg.svg"); background-size: 50%; } .et2_taglist.et2_taglist_category { @@ -1088,11 +1088,11 @@ padding-left: 5px; } .et2_vfsPath input.et2_textbox.et2_vfs { - background-image: url(../../api/templates/default/images/edit.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/pencil-square.svg); } /*#################################### ET2 SEARCHBOX #####################################################*/ .et2_searchbox button.et2_button { - background-image: url(../../api/templates/default/images/search.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg); background-size: 20px 20px; background-position: center; } @@ -1224,13 +1224,13 @@ option:checked { text-decoration: none; } .ui-state-default .ui-icon.ui-icon-triangle-1-s { - background: url("../../api/templates/default/images/arrow_down.svg"); + background: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg"); background-size: 8px auto; background-position: center; background-repeat: no-repeat; } .ui-widget-header .ui-icon.ui-icon-check { - background-image: url("../../api/templates/default/images/check.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/check-lg.svg"); background-size: 12px auto; background-position: center; background-repeat: no-repeat; @@ -1325,9 +1325,7 @@ option:checked { background-color: #FFDD73; } .ui-icon-close { - /*visibility: hidden;*/ - /*background-image: url(../../api/templates/default/images/search.png);*/ - background-image: url("../../api/templates/default/images/cancel.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/x-square.svg"); background-repeat: no-repeat; background-color: #FFFFFF; background-size: 12px 12px; @@ -1357,7 +1355,7 @@ span.ui-icon-close { } /*Schliessen x*/ .ui-icon-closethick { - background-image: url(../../api/templates/default/images/close.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg) !important; background-repeat: no-repeat; background-color: #FFFFFF; background-size: contain; @@ -1406,7 +1404,7 @@ span.ui-multiselect-header { color: #FFFFFF; } span.ui-icon-search { - background-image: url(../../api/templates/default/images/search.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg) !important; background-position: 0px; background-size: 10px 10px; } @@ -2155,7 +2153,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { background-color: transparent; } #loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] { - background-image: url(../../api/templates/default/images/task.png); + /*background-image: url(../../node_modules/bootstrap-icons/icons/task.png);*/ background-repeat: no-repeat; background-position-x: 0; } @@ -2197,10 +2195,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { opacity: 0.5; } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username { - background-image: url(../../api/templates/default/images/personal.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/person.svg); } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password { - background-image: url(../../api/templates/default/images/password.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/key.svg); } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me { background-image: none; @@ -2209,10 +2207,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { padding-left: 31px; } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain { - background-image: url(../../api/templates/default/images/internet.png); + background-image: url(../../node_modules/bootstrap-icons/icons/globe2.svg); } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language { - background-image: url(../../api/templates/default/images/language.png); + background-image: url(../../node_modules/bootstrap-icons/icons/translate.svg); } #loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] { height: 25px; @@ -2361,7 +2359,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { float: right; } .egw_fw_ui_tab_content > .loading { - background-image: url('../../api/templates/default/images/loading.gif'); + background-image: url('../../api/templates/default/images/loading.svg'); background-repeat: no-repeat; text-align: center; line-height: 400px; @@ -2504,7 +2502,7 @@ button[id="timesheet-edit_button[delete]"], button[id="displayToolbar-delete"], button.et2_button_delete { /*background-color: @color_negative_action_hover !important;*/ - background-image: url('../../api/templates/default/images/delete.png'); + background-image: url('../../node_modules/bootstrap-icons/icons/trash3.svg'); margin-left: 3em; /*.border_normal;*/ /*.box_shadow_standard_light;*/ @@ -2607,7 +2605,7 @@ button.et2_button_delete:active { * ######################################################################################## */ #passwordchange { - background-image: url('../../api/templates/default/images/cancel.png') !important; + background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2654,7 +2652,7 @@ button.et2_button_delete:active { /*div.et2_box_widget .et2_button_text:last_child,*/ button[id="cancel"], button#cancel { - background-image: url('../../api/templates/default/images/cancel.png') !important; + background-image: url('node_modules/bootstrap-icons/icons/x-square.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2696,7 +2694,7 @@ button#cancel:active { box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } #passwordcancel { - background-image: url('../../api/templates/default/images/cancel.png') !important; + background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2759,7 +2757,7 @@ button.add:before { line-height: 1.1em; } button[id="add"] { - background-image: url('../../api/templates/default/images/add.png') !important; + background-image: url('../../node_modules/bootstrap-icons/icons/plus-circle.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2806,13 +2804,13 @@ button[id="add"] { /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single div b { - background-image: url("../../api/templates/default/images/arrow_down.svg") !important; + background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg") !important; background-size: 8px auto !important; background-position: center; background-repeat: no-repeat; } .chzn-container-single.chzn-with-drop .chzn-single div b { - background-image: url("../../api/templates/default/images/arrow_up.svg") !important; + background-image: url("../../node_modules/bootstrap-icons/icons/caret-up-fill.svg") !important; background-size: 8px auto; background-position: center; background-repeat: no-repeat; @@ -3037,12 +3035,12 @@ select { -webkit-appearance: none; -moz-appearance: none; margin: 0; - background: url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; background-size: 8px auto; background-position-x: calc(100% - 8px); } select:active { - background: #ffffff url(../../api/templates/default/images/arrow_up.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg) no-repeat center right; background-size: 8px auto; background-position-x: calc(100% - 8px); } @@ -3199,11 +3197,6 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.su * @package pixelegg * @version $Id$ */ -/*body { - background-color: @gray_0; - background-image: url(../../api/templates/default/images/bgDialog.png); - background-repeat: repeat-x; -}*/ div#popupMainDiv { padding: 8px; background-color: #FFFFFF; @@ -3232,7 +3225,7 @@ form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input { /*.background-clip(padding-box);*/ } form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker { - background-image: url("../../api/templates/default/images/datepopup.png"); + background-image: url("../../node_modules/bootstrap-icons/icons/calendar3.svg"); } form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover { cursor: pointer; @@ -3531,21 +3524,21 @@ div.admin-config form > table td b { } .warning_message { border-left: 24px solid rgba(255, 204, 0, 0.5) !important; - background-image: url(../../api/templates/default/images/dialog_warning.png); + background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-triangle.svg); } .error_message { border-left: 24px solid rgba(204, 0, 51, 0.5) !important; - background-image: url(../../api/templates/default/images/dialog_error.png); + background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-circle.svg); } .info_message { - background-image: url(../../api/templates/default/images/dialog_info.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/info-circle.svg); } .info_message .discard { float: right; margin-top: 4px; } .success_message { - background-image: url(../../api/templates/default/images/check.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/check-lg.svg); } /** * Message in popup @@ -3598,7 +3591,7 @@ body .egw_message_wrapper div#egw_message span.close { background: #d0cdcdb5; right: 10px; top: 10px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); background-size: 12px; background-repeat: no-repeat; background-position: center; @@ -3854,7 +3847,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -3904,7 +3897,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/search.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -3955,7 +3948,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -3970,7 +3963,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/back.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; @@ -3985,7 +3978,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/forward.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; @@ -4021,7 +4014,7 @@ td.lettersearch { background: rgba(103, 159, 210, 0.2); } #egwpopup div#egwpopup_header .egwpopup_deleteall { - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); width: 12px; height: 12px; background-position: center; @@ -4424,7 +4417,7 @@ body.scrollVertical { } /*ICON List*/ #egw_fw_topmenu_slide.slidedown { - background-image: url("../../api/templates/default/images/list.png"); + background-image: url("../../node_modules/bootstrap-icons/icons/list.svg"); background-position: center center; height: 15px; width: 15px; @@ -4570,7 +4563,7 @@ body.scrollVertical { } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button { top: 0px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { font-size: 12px; @@ -4754,7 +4747,7 @@ body.scrollVertical { padding-left: 35px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { - background-image: url(../../api/templates/default/images/reload.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-clockwise.svg); background-size: 18px; background-position: 9px 6px; background-repeat: no-repeat; @@ -4837,7 +4830,7 @@ body.scrollVertical { line-height: 1em; font-size: 13px; font-weight: normal; - background-image: url(../../api/templates/default/images/arrow_right.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg); background-repeat: no-repeat; background-position: left center; background-size: 12px; @@ -4859,7 +4852,7 @@ body.scrollVertical { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 { color: #f2f2f2; - background-image: url(../../api/templates/default/images/arrow_down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg); line-height: 1em; font-size: 12px; background-size: 12px; @@ -5227,7 +5220,7 @@ body.scrollVertical { height: 35px; top: 0px; border-bottom: 1px solid silver; - background-image: url(../../api/templates/default/images/up.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-up.svg.svg); background-position: center; background-repeat: no-repeat; background-position-y: 5px; @@ -5237,7 +5230,7 @@ body.scrollVertical { bottom: 0px; height: 35px; border-top: 1px solid silver; - background-image: url(../../api/templates/default/images/down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-down.svg); background-repeat: no-repeat; background-position: center; background-position-y: 6px; @@ -6144,12 +6137,12 @@ table.egwGridView_grid span.arrow { width: 8px; } table.egwGridView_grid span.arrow.opened { - background-image: url("../../api/templates/default/images/arrow_down.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg"); cursor: pointer; background-position: bottom; } table.egwGridView_grid span.arrow.closed { - background-image: url("../../api/templates/default/images/arrow_right.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/caret-right-fill.svg"); cursor: pointer; background-position: right; } diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 07e817d229..1c886effc2 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -270,13 +270,13 @@ margin-left: -10px; } a.et2_url.email { - background-image: url(../../api/templates/default/images/email.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/envelope.svg); } a.et2_url.phone { - background-image: url(../../api/templates/default/images/phone.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/telephone.svg); } a.et2_url.url { - background-image: url(../../api/templates/default/images/url.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/link-45deg.svg); } /** * Button widget - text only, and icon @@ -348,7 +348,7 @@ } .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close { /*visibility: hidden;*/ - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-square.svg); margin: -2px -3px; padding: 0px; } @@ -368,7 +368,7 @@ border-left: 1px solid #F2F2F2; } .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { - background-image: url(../../api/templates/default/images/bullet.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/record.svg); background-color: transparent; background-size: contain; border: none; @@ -380,12 +380,12 @@ background-color: transparent; } .ui-datepicker .ui-datepicker-prev span { - background-image: url(../../api/templates/default/images/previous.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg) !important; background-position: 0px 0px !important; background-size: contain; } .ui-datepicker .ui-datepicker-next span { - background-image: url(../../api/templates/default/images/next.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg) !important; background-position: 0px 0px !important; background-size: contain; } @@ -396,13 +396,13 @@ .et2_file .progress li:hover div.remove { width: 16px; height: 16px; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); } .et2_file .progress p { background-color: #FFDD73; } span.et2_file_span { - background-image: url(../../api/templates/default/images/attach.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/paperclip.svg); } span.et2_file_span img[url*="svg"] { background-color: #b4b4b4 !important; @@ -502,7 +502,7 @@ left: 0px; } .et2_link_to .et2_link_entry .ui-icon-triangle-1-s { - background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; } .et2_link_to .et2_file span { background-position: center; @@ -513,7 +513,7 @@ border-radius: 3px; } .et2_link_entry .ui-icon-triangle-1-s { - background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; background-size: contain; } .et2_link { @@ -534,7 +534,7 @@ } .et2_link_list td div.delete { visibility: hidden; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); background-position: center; background-repeat: no-repeat; background-size: 12px 12px; @@ -542,7 +542,7 @@ } .et2_vfs td div.delete { visibility: hidden; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); background-position: center; background-repeat: no-repeat; background-size: 12px 12px; @@ -904,7 +904,7 @@ color: #000000; } .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash { - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); background-size: 12px 12px; background-position: center 2px; margin-top: 0px; @@ -922,7 +922,7 @@ .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { width: 9px; height: 16px; - background-image: url(../../api/templates/default/images/favorites.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/star-fill.svg); background-size: 16px 16px; background-position: 1px 0; margin-right: 9px; @@ -933,7 +933,7 @@ height: 16px; margin-left: 4px; margin-right: 10px; - background-image: url(../../api/templates/default/images/fav_filter.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/star.svg); background-size: 16px 16px; background-position: 0 0; background-repeat: no-repeat; @@ -965,12 +965,12 @@ } .nextmatch_sortheader.asc { font-weight: bold; - background-image: url(../../api/templates/default/images/arrow_up.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg); background-size: 8px 8px; } .nextmatch_sortheader.desc { font-weight: bold; - background-image: url(../../api/templates/default/images/arrow_down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg); background-size: 8px 8px; } /** @@ -1020,11 +1020,11 @@ * et2_taglist */ .et2_taglist_toggle > div.toggle { - background-image: url("../../api/templates/default/images/minus.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/dash-lg.svg"); background-size: 50%; } .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle { - background-image: url("../../api/templates/default/images/plus.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/plus-lg.svg"); background-size: 50%; } .et2_taglist.et2_taglist_category { @@ -1099,11 +1099,11 @@ padding-left: 5px; } .et2_vfsPath input.et2_textbox.et2_vfs { - background-image: url(../../api/templates/default/images/edit.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/pencil-square.svg); } /*#################################### ET2 SEARCHBOX #####################################################*/ .et2_searchbox button.et2_button { - background-image: url(../../api/templates/default/images/search.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg); background-size: 20px 20px; background-position: center; } @@ -1235,13 +1235,13 @@ option:checked { text-decoration: none; } .ui-state-default .ui-icon.ui-icon-triangle-1-s { - background: url("../../api/templates/default/images/arrow_down.svg"); + background: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg"); background-size: 8px auto; background-position: center; background-repeat: no-repeat; } .ui-widget-header .ui-icon.ui-icon-check { - background-image: url("../../api/templates/default/images/check.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/check-lg.svg"); background-size: 12px auto; background-position: center; background-repeat: no-repeat; @@ -1336,9 +1336,7 @@ option:checked { background-color: #FFDD73; } .ui-icon-close { - /*visibility: hidden;*/ - /*background-image: url(../../api/templates/default/images/search.png);*/ - background-image: url("../../api/templates/default/images/cancel.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/x-square.svg"); background-repeat: no-repeat; background-color: #FFFFFF; background-size: 12px 12px; @@ -1368,7 +1366,7 @@ span.ui-icon-close { } /*Schliessen x*/ .ui-icon-closethick { - background-image: url(../../api/templates/default/images/close.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg) !important; background-repeat: no-repeat; background-color: #FFFFFF; background-size: contain; @@ -1417,7 +1415,7 @@ span.ui-multiselect-header { color: #FFFFFF; } span.ui-icon-search { - background-image: url(../../api/templates/default/images/search.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg) !important; background-position: 0px; background-size: 10px 10px; } @@ -2166,7 +2164,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { background-color: transparent; } #loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] { - background-image: url(../../api/templates/default/images/task.png); + /*background-image: url(../../node_modules/bootstrap-icons/icons/task.png);*/ background-repeat: no-repeat; background-position-x: 0; } @@ -2208,10 +2206,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { opacity: 0.5; } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username { - background-image: url(../../api/templates/default/images/personal.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/person.svg); } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password { - background-image: url(../../api/templates/default/images/password.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/key.svg); } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me { background-image: none; @@ -2220,10 +2218,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { padding-left: 31px; } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain { - background-image: url(../../api/templates/default/images/internet.png); + background-image: url(../../node_modules/bootstrap-icons/icons/globe2.svg); } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language { - background-image: url(../../api/templates/default/images/language.png); + background-image: url(../../node_modules/bootstrap-icons/icons/translate.svg); } #loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] { height: 25px; @@ -2372,7 +2370,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { float: right; } .egw_fw_ui_tab_content > .loading { - background-image: url('../../api/templates/default/images/loading.gif'); + background-image: url('../../api/templates/default/images/loading.svg'); background-repeat: no-repeat; text-align: center; line-height: 400px; @@ -2515,7 +2513,7 @@ button[id="timesheet-edit_button[delete]"], button[id="displayToolbar-delete"], button.et2_button_delete { /*background-color: @color_negative_action_hover !important;*/ - background-image: url('../../api/templates/default/images/delete.png'); + background-image: url('../../node_modules/bootstrap-icons/icons/trash3.svg'); margin-left: 3em; /*.border_normal;*/ /*.box_shadow_standard_light;*/ @@ -2618,7 +2616,7 @@ button.et2_button_delete:active { * ######################################################################################## */ #passwordchange { - background-image: url('../../api/templates/default/images/cancel.png') !important; + background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2665,7 +2663,7 @@ button.et2_button_delete:active { /*div.et2_box_widget .et2_button_text:last_child,*/ button[id="cancel"], button#cancel { - background-image: url('../../api/templates/default/images/cancel.png') !important; + background-image: url('node_modules/bootstrap-icons/icons/x-square.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2707,7 +2705,7 @@ button#cancel:active { box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } #passwordcancel { - background-image: url('../../api/templates/default/images/cancel.png') !important; + background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2770,7 +2768,7 @@ button.add:before { line-height: 1.1em; } button[id="add"] { - background-image: url('../../api/templates/default/images/add.png') !important; + background-image: url('../../node_modules/bootstrap-icons/icons/plus-circle.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2817,13 +2815,13 @@ button[id="add"] { /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single div b { - background-image: url("../../api/templates/default/images/arrow_down.svg") !important; + background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg") !important; background-size: 8px auto !important; background-position: center; background-repeat: no-repeat; } .chzn-container-single.chzn-with-drop .chzn-single div b { - background-image: url("../../api/templates/default/images/arrow_up.svg") !important; + background-image: url("../../node_modules/bootstrap-icons/icons/caret-up-fill.svg") !important; background-size: 8px auto; background-position: center; background-repeat: no-repeat; @@ -3048,12 +3046,12 @@ select { -webkit-appearance: none; -moz-appearance: none; margin: 0; - background: url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; background-size: 8px auto; background-position-x: calc(100% - 8px); } select:active { - background: #ffffff url(../../api/templates/default/images/arrow_up.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg) no-repeat center right; background-size: 8px auto; background-position-x: calc(100% - 8px); } @@ -3210,11 +3208,6 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.su * @package pixelegg * @version $Id$ */ -/*body { - background-color: @gray_0; - background-image: url(../../api/templates/default/images/bgDialog.png); - background-repeat: repeat-x; -}*/ div#popupMainDiv { padding: 8px; background-color: #FFFFFF; @@ -3243,7 +3236,7 @@ form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input { /*.background-clip(padding-box);*/ } form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker { - background-image: url("../../api/templates/default/images/datepopup.png"); + background-image: url("../../node_modules/bootstrap-icons/icons/calendar3.svg"); } form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover { cursor: pointer; @@ -3542,21 +3535,21 @@ div.admin-config form > table td b { } .warning_message { border-left: 24px solid rgba(255, 204, 0, 0.5) !important; - background-image: url(../../api/templates/default/images/dialog_warning.png); + background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-triangle.svg); } .error_message { border-left: 24px solid rgba(204, 0, 51, 0.5) !important; - background-image: url(../../api/templates/default/images/dialog_error.png); + background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-circle.svg); } .info_message { - background-image: url(../../api/templates/default/images/dialog_info.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/info-circle.svg); } .info_message .discard { float: right; margin-top: 4px; } .success_message { - background-image: url(../../api/templates/default/images/check.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/check-lg.svg); } /** * Message in popup @@ -3609,7 +3602,7 @@ body .egw_message_wrapper div#egw_message span.close { background: #d0cdcdb5; right: 10px; top: 10px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); background-size: 12px; background-repeat: no-repeat; background-position: center; @@ -3865,7 +3858,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -3915,7 +3908,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/search.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -3966,7 +3959,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -3981,7 +3974,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/back.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; @@ -3996,7 +3989,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/forward.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; @@ -4032,7 +4025,7 @@ td.lettersearch { background: rgba(103, 159, 210, 0.2); } #egwpopup div#egwpopup_header .egwpopup_deleteall { - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); width: 12px; height: 12px; background-position: center; @@ -4435,7 +4428,7 @@ body.scrollVertical { } /*ICON List*/ #egw_fw_topmenu_slide.slidedown { - background-image: url("../../api/templates/default/images/list.png"); + background-image: url("../../node_modules/bootstrap-icons/icons/list.svg"); background-position: center center; height: 15px; width: 15px; @@ -4581,7 +4574,7 @@ body.scrollVertical { } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button { top: 0px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { font-size: 12px; @@ -4765,7 +4758,7 @@ body.scrollVertical { padding-left: 35px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { - background-image: url(../../api/templates/default/images/reload.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-clockwise.svg); background-size: 18px; background-position: 9px 6px; background-repeat: no-repeat; @@ -4848,7 +4841,7 @@ body.scrollVertical { line-height: 1em; font-size: 13px; font-weight: normal; - background-image: url(../../api/templates/default/images/arrow_right.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg); background-repeat: no-repeat; background-position: left center; background-size: 12px; @@ -4870,7 +4863,7 @@ body.scrollVertical { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 { color: #f2f2f2; - background-image: url(../../api/templates/default/images/arrow_down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg); line-height: 1em; font-size: 12px; background-size: 12px; @@ -5238,7 +5231,7 @@ body.scrollVertical { height: 35px; top: 0px; border-bottom: 1px solid silver; - background-image: url(../../api/templates/default/images/up.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-up.svg.svg); background-position: center; background-repeat: no-repeat; background-position-y: 5px; @@ -5248,7 +5241,7 @@ body.scrollVertical { bottom: 0px; height: 35px; border-top: 1px solid silver; - background-image: url(../../api/templates/default/images/down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-down.svg); background-repeat: no-repeat; background-position: center; background-position-y: 6px; @@ -6155,12 +6148,12 @@ table.egwGridView_grid span.arrow { width: 8px; } table.egwGridView_grid span.arrow.opened { - background-image: url("../../api/templates/default/images/arrow_down.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg"); cursor: pointer; background-position: bottom; } table.egwGridView_grid span.arrow.closed { - background-image: url("../../api/templates/default/images/arrow_right.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/caret-right-fill.svg"); cursor: pointer; background-position: right; } diff --git a/pixelegg/less/def_buttons.less b/pixelegg/less/def_buttons.less index 1fc7b0bd15..723d4045a4 100755 --- a/pixelegg/less/def_buttons.less +++ b/pixelegg/less/def_buttons.less @@ -130,7 +130,7 @@ .Complete_Button_delete{ /*background-color: @color_negative_action_hover !important;*/ - background-image:url('../../api/templates/default/images/delete.png'); + background-image:url('../../node_modules/bootstrap-icons/icons/trash3.svg'); margin-left: 3em; background-color: @gray_10; .Complete_Button_text_icon_before; @@ -148,7 +148,7 @@ * ######################################################################################## */ .Complete_Button_cancel{ - background-image:url('../../api/templates/default/images/cancel.png') !important; + background-image:url('node_modules/bootstrap-icons/icons/x-square.svg') !important; .Complete_Button_text_icon_before; content: "ID missing"; &:hover { color: @gray_100; .box_shadow_standard_light_hover;} @@ -253,7 +253,7 @@ margin: 7px; margin-left: 0px; - background-image: url("../../api/templates/default/images/search.png"); + background-image: url("../../node_modules/bootstrap-icons/icons/search.svg"); background-position: center 0; background-size: contain; background-repeat: no-repeat; @@ -391,4 +391,4 @@ Images svg /*delete*/ img[url*="delete"]{.gradient_vertical (@gray_30, @gray_30);} -// +// \ No newline at end of file diff --git a/pixelegg/less/etemplate2.less b/pixelegg/less/etemplate2.less index b057b459d7..738d867611 100755 --- a/pixelegg/less/etemplate2.less +++ b/pixelegg/less/etemplate2.less @@ -98,13 +98,13 @@ a.et2_url { margin-left: -10px; } a.et2_url.email { - background-image: url(../../api/templates/default/images/email.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/envelope.svg); } a.et2_url.phone { - background-image: url(../../api/templates/default/images/phone.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/telephone.svg); } a.et2_url.url { - background-image: url(../../api/templates/default/images/url.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/link-45deg.svg); } @@ -150,7 +150,7 @@ input[type=button] {} .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close{ /*visibility: hidden;*/ - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-square.svg); margin: -2px -3px; padding: 0px; } @@ -171,7 +171,7 @@ span.et2_date_duration :not(input:first-child) { } .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { - background-image: url(../../api/templates/default/images/bullet.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/record.svg); background-color: transparent; background-size: contain; border: none; @@ -184,12 +184,12 @@ span.et2_date_duration :not(input:first-child) { } } .ui-datepicker .ui-datepicker-prev span { - background-image: url(../../api/templates/default/images/previous.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg) !important; background-position: 0px 0px !important; background-size: contain; } .ui-datepicker .ui-datepicker-next span { - background-image: url(../../api/templates/default/images/next.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg) !important; background-position: 0px 0px !important; background-size: contain; @@ -201,14 +201,14 @@ span.et2_date_duration :not(input:first-child) { .et2_file .progress li:hover div.remove { .dimension_width_height_s; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); } .et2_file .progress p { background-color: @color_progress; } span.et2_file_span{ - background-image: url(../../api/templates/default/images/attach.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/paperclip.svg); .Complete_Button_save_apply_copy !important; } div.et2_file input.et2_file_upload{ @@ -295,7 +295,7 @@ div.et2_file input.et2_file_upload{ left: 0px; } .ui-icon-triangle-1-s { - background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; } } // BUTTON: make link button @@ -319,7 +319,7 @@ div.et2_file input.et2_file_upload{ .et2_link_entry { .ui-icon-triangle-1-s { - background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; background-size: contain; } } @@ -342,7 +342,7 @@ div.et2_file input.et2_file_upload{ td { div.delete { visibility: hidden; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); background-position: center; background-repeat: no-repeat; background-size: 12px 12px; @@ -354,7 +354,7 @@ div.et2_file input.et2_file_upload{ td { div.delete { visibility: hidden; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); background-position: center; background-repeat: no-repeat; background-size: 12px 12px; @@ -724,7 +724,7 @@ div.header_row_right{ text-decoration: none; color: @gray_100; .ui-icon-trash { - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); background-size: 12px 12px; background-position: center 2px; margin-top: 0px; @@ -749,7 +749,7 @@ div.header_row_right{ div.ui-icon-heart { width: 9px; height: @mass_s; - background-image: url(../../api/templates/default/images/favorites.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/star-fill.svg); background-size: @mass_s @mass_s; background-position: 1px 0; margin-right: 9px; @@ -761,7 +761,7 @@ div.header_row_right{ height: @mass_s; margin-left: 4px; margin-right: 10px; - background-image: url(../../api/templates/default/images/fav_filter.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/star.svg); background-size: @mass_s @mass_s; background-position: 0 0; background-repeat: no-repeat; @@ -803,13 +803,13 @@ div.header_row_right{ .nextmatch_sortheader.asc { font-weight: bold; - background-image: url(../../api/templates/default/images/arrow_up.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg); background-size: 8px 8px; } .nextmatch_sortheader.desc { font-weight: bold; - background-image: url(../../api/templates/default/images/arrow_down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg); background-size: 8px 8px; } /** @@ -866,11 +866,11 @@ textarea.description { * et2_taglist */ .et2_taglist_toggle > div.toggle { - background-image: url("../../api/templates/default/images/minus.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/dash-lg.svg"); background-size: 50%; } .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle { - background-image: url("../../api/templates/default/images/plus.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/plus-lg.svg"); background-size: 50%; } .et2_taglist.et2_taglist_category {max-height: 30px !important;} @@ -951,12 +951,12 @@ ul.et2_nowrap, div.et2_nowrap{ } .et2_vfsPath input.et2_textbox.et2_vfs { - background-image: url(../../api/templates/default/images/edit.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/pencil-square.svg); } /*#################################### ET2 SEARCHBOX #####################################################*/ .et2_searchbox button.et2_button { - background-image: url(../../api/templates/default/images/search.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg); background-size: 20px 20px; background-position: center; } diff --git a/pixelegg/less/jquery-ui.less b/pixelegg/less/jquery-ui.less index 3bc706ff44..9979a19561 100755 --- a/pixelegg/less/jquery-ui.less +++ b/pixelegg/less/jquery-ui.less @@ -102,13 +102,13 @@ option:checked {background-color: @color_hover_row;} text-decoration: none; } .ui-state-default .ui-icon.ui-icon-triangle-1-s { - background: url("../../api/templates/default/images/arrow_down.svg"); + background: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg"); background-size: 8px auto; background-position: center; background-repeat: no-repeat; } .ui-widget-header .ui-icon.ui-icon-check { - background-image: url("../../api/templates/default/images/check.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/check-lg.svg"); background-size: 12px auto; background-position: center; background-repeat: no-repeat; @@ -195,9 +195,7 @@ option:checked {background-color: @color_hover_row;} .drop-hover {background-color: @egw_color_1_e} .ui-icon-close{ - /*visibility: hidden;*/ - /*background-image: url(../../api/templates/default/images/search.png);*/ - background-image: url("../../api/templates/default/images/cancel.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/x-square.svg"); background-repeat: no-repeat; background-color: @gray_0; background-size: 12px 12px; @@ -218,7 +216,7 @@ span.ui-icon-close {margin-top: 0px; top: 5px;} /*Schliessen x*/ .ui-icon-closethick { - background-image: url(../../api/templates/default/images/close.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg) !important; background-repeat: no-repeat; background-color: @gray_0; background-size: contain; @@ -257,7 +255,7 @@ span.ui-icon-close {margin-top: 0px; top: 5px;} span.ui-multiselect-header {color: @gray_0;} span.ui-icon-search { - background-image: url(../../api/templates/default/images/search.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg) !important; background-position: 0px; background-size: 10px 10px; diff --git a/pixelegg/less/layout_ajaxLoader.less b/pixelegg/less/layout_ajaxLoader.less index 8a4cbfc546..01125c6801 100644 --- a/pixelegg/less/layout_ajaxLoader.less +++ b/pixelegg/less/layout_ajaxLoader.less @@ -26,7 +26,7 @@ } .egw_fw_ui_tab_content > .loading { - background-image:url('../../api/templates/default/images/loading.gif'); + background-image:url('../../api/templates/default/images/loading.svg'); background-repeat: no-repeat; text-align: center; line-height: 400px; diff --git a/pixelegg/less/layout_buttons.less b/pixelegg/less/layout_buttons.less index c50e7528fd..bf500eab13 100644 --- a/pixelegg/less/layout_buttons.less +++ b/pixelegg/less/layout_buttons.less @@ -127,7 +127,7 @@ button.et2_button_delete // Password change #passwordchange { - background-image:url('../../api/templates/default/images/cancel.png') !important; + background-image:url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important; .Complete_Button_text_icon_before; &:hover {background-color: @color_positive_action_active !important; .box_shadow_standard_light_hover;} @@ -155,7 +155,7 @@ button#cancel{ // Password cancel #passwordcancel { - background-image:url('../../api/templates/default/images/cancel.png') !important; + background-image:url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important; .Complete_Button_text_icon_before; &:hover {background-color: @color_cancel_action_hover !important; .box_shadow_standard_light_hover;} @@ -175,11 +175,11 @@ button.add { } button[id="add"]{ - background-image:url('../../api/templates/default/images/add.png') !important; + background-image:url('../../node_modules/bootstrap-icons/icons/plus-circle.svg') !important; .Complete_Button_text_icon_before; } -/*Button Ende #######################################################*/ +/*Button Ende #######################################################*/ \ No newline at end of file diff --git a/pixelegg/less/layout_chosen.less b/pixelegg/less/layout_chosen.less index ac0c44ca95..a3cb7bed86 100755 --- a/pixelegg/less/layout_chosen.less +++ b/pixelegg/less/layout_chosen.less @@ -40,13 +40,13 @@ .chzn-container-single.chzn-disabled .chzn-single abbr:hover {} .chzn-container-single .chzn-single div {} .chzn-container-single .chzn-single div b { - background-image: url("../../api/templates/default/images/arrow_down.svg") !important; + background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg") !important; background-size: 8px auto !important; background-position: center; background-repeat: no-repeat; } .chzn-container-single.chzn-with-drop .chzn-single div b { - background-image: url("../../api/templates/default/images/arrow_up.svg") !important; + background-image: url("../../node_modules/bootstrap-icons/icons/caret-up-fill.svg") !important; background-size: 8px auto; background-position: center; background-repeat: no-repeat; diff --git a/pixelegg/less/layout_content_elements.less b/pixelegg/less/layout_content_elements.less index c4fb6b7a61..db7ba1ac85 100755 --- a/pixelegg/less/layout_content_elements.less +++ b/pixelegg/less/layout_content_elements.less @@ -101,12 +101,12 @@ select { -webkit-appearance: none; -moz-appearance: none; margin: 0; - background: url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; background-size: 8px auto; background-position-x: ~"calc(100% - 8px)"; } select:active { - background: #ffffff url(../../api/templates/default/images/arrow_up.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg) no-repeat center right; background-size: 8px auto; background-position-x: ~"calc(100% - 8px)"; } @@ -215,5 +215,4 @@ table.table_passord_change { tr {height: 50px;} td:first-child{ padding-right: 4em;} -} - +} \ No newline at end of file diff --git a/pixelegg/less/layout_dialog.less b/pixelegg/less/layout_dialog.less index 6c7ab5e233..c726c48358 100755 --- a/pixelegg/less/layout_dialog.less +++ b/pixelegg/less/layout_dialog.less @@ -18,12 +18,6 @@ @import (reference) "definitions.less"; //############################################################################################################## -/*body { - background-color: @gray_0; - background-image: url(../../api/templates/default/images/bgDialog.png); - background-repeat: repeat-x; -}*/ - // Dialoge Allgemeine Definition div#popupMainDiv { @@ -67,7 +61,7 @@ form.et2_container { } input.hasDatepicker { - background-image: url( "../../api/templates/default/images/datepopup.png"); + background-image: url( "../../node_modules/bootstrap-icons/icons/calendar3.svg"); &:hover {cursor: pointer;} } @@ -420,21 +414,21 @@ div.admin-config form > table { } .warning_message { border-left: 24px solid @egw_color_msg_warning !important; - background-image: url(../../api/templates/default/images/dialog_warning.png); + background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-triangle.svg); } .error_message { border-left: 24px solid @egw_color_msg_error !important; - background-image: url(../../api/templates/default/images/dialog_error.png); + background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-circle.svg); } .info_message { - background-image: url(../../api/templates/default/images/dialog_info.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/info-circle.svg); .discard { float:right; margin-top: 4px; } } .success_message { - background-image: url(../../api/templates/default/images/check.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/check-lg.svg); } /** * Message in popup @@ -483,7 +477,7 @@ body .egw_message_wrapper { background: #d0cdcdb5; right: 10px; top: 10px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); background-size: 12px; background-repeat: no-repeat; background-position: center; diff --git a/pixelegg/less/layout_loginPage.less b/pixelegg/less/layout_loginPage.less index 1b8f6aaa1a..76a706dd6b 100644 --- a/pixelegg/less/layout_loginPage.less +++ b/pixelegg/less/layout_loginPage.less @@ -323,7 +323,7 @@ div#loginMainDiv.stockLoginBackground { background-color: transparent; } select[name="remember_me"] { - background-image: url(../../api/templates/default/images/task.png); + /*background-image: url(../../node_modules/bootstrap-icons/icons/task.png);*/ background-repeat: no-repeat; background-position-x: 0; } @@ -359,11 +359,11 @@ div#loginMainDiv.stockLoginBackground { z-index: 100; opacity:0.5; } - span.field_icons.username {background-image: url(../../api/templates/default/images/personal.svg);} - span.field_icons.password {background-image: url(../../api/templates/default/images/password.svg);} + span.field_icons.username {background-image: url(../../node_modules/bootstrap-icons/icons/person.svg);} + span.field_icons.password {background-image: url(../../node_modules/bootstrap-icons/icons/key.svg);} span.field_icons.remember_me {background-image: none;z-index:0;width: 230px;padding-left: 31px;} - span.field_icons.domain {background-image: url(../../api/templates/default/images/internet.png);} - span.field_icons.language {background-image: url(../../api/templates/default/images/language.png);} + span.field_icons.domain {background-image: url(../../node_modules/bootstrap-icons/icons/globe2.svg);} + span.field_icons.language {background-image: url(../../node_modules/bootstrap-icons/icons/translate.svg);} input[type="checkbox"] { height: 25px; margin-top: 7px; diff --git a/pixelegg/less/layout_messages.less b/pixelegg/less/layout_messages.less index 91468e5cbb..4e0f4cbc15 100755 --- a/pixelegg/less/layout_messages.less +++ b/pixelegg/less/layout_messages.less @@ -71,7 +71,7 @@ float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -120,7 +120,7 @@ float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/search.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -169,7 +169,7 @@ float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -181,7 +181,7 @@ float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/back.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; @@ -193,7 +193,7 @@ float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/forward.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; @@ -228,7 +228,7 @@ } } .egwpopup_deleteall { - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); width: 12px; height: 12px; background-position: center; @@ -345,4 +345,4 @@ td.message { &:hover:before, &:hover:after { background-color: gray; } -} +} \ No newline at end of file diff --git a/pixelegg/less/layout_raster_header.less b/pixelegg/less/layout_raster_header.less index a1ac775c9f..2e0310ca51 100644 --- a/pixelegg/less/layout_raster_header.less +++ b/pixelegg/less/layout_raster_header.less @@ -236,7 +236,7 @@ /*ICON List*/ #egw_fw_topmenu_slide.slidedown{ - background-image: url("../../api/templates/default/images/list.png"); + background-image: url("../../node_modules/bootstrap-icons/icons/list.svg"); background-position: center center; height: 15px; width: 15px; diff --git a/pixelegg/less/layout_raster_main.less b/pixelegg/less/layout_raster_main.less index d1df7a6643..fb42d3ee9e 100644 --- a/pixelegg/less/layout_raster_main.less +++ b/pixelegg/less/layout_raster_main.less @@ -123,7 +123,7 @@ { .egw_fw_ui_tab_close_button { top: 0px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); } } // APP Name diff --git a/pixelegg/less/layout_raster_scrollarea.less b/pixelegg/less/layout_raster_scrollarea.less index b7e9e00cf0..13683c8513 100644 --- a/pixelegg/less/layout_raster_scrollarea.less +++ b/pixelegg/less/layout_raster_scrollarea.less @@ -74,7 +74,7 @@ height: 35px; top: 0px; border-bottom: 1px solid silver; - background-image: url(../../api/templates/default/images/up.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-up.svg.svg); background-position: center; background-repeat: no-repeat; background-position-y: 5px; @@ -86,7 +86,7 @@ bottom: 0px; height: 35px; border-top: 1px solid silver; - background-image: url(../../api/templates/default/images/down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-down.svg); background-repeat: no-repeat; background-position: center; background-position-y: 6px; @@ -119,5 +119,4 @@ background-image: url(../../api/templates/default/images/ajax-loader.gif); background-position: center; background-repeat: no-repeat; -} - +} \ No newline at end of file diff --git a/pixelegg/less/layout_raster_sidebar.less b/pixelegg/less/layout_raster_sidebar.less index 9c8b6b11a9..554ba54681 100644 --- a/pixelegg/less/layout_raster_sidebar.less +++ b/pixelegg/less/layout_raster_sidebar.less @@ -112,7 +112,7 @@ } &:active {} &:hover { - background-image: url(../../api/templates/default/images/reload.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-clockwise.svg); background-size: 18px; background-position: 9px 6px; background-repeat: no-repeat; @@ -224,7 +224,7 @@ line-height: 1em; .fontsize_l; font-weight: normal; - background-image:url(../../api/templates/default/images/arrow_right.svg); + background-image:url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg); background-repeat:no-repeat; background-position:left center; background-size: 12px; @@ -261,7 +261,7 @@ background-color: @egw_color_2_a; h1,h2 { .color_5_gray; - background-image:url(../../api/templates/default/images/arrow_down.svg); + background-image:url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg); line-height: 1em; font-size: 12px; background-size: 12px; diff --git a/pixelegg/less/layout_table.less b/pixelegg/less/layout_table.less index 8edc64fad4..07ff17bb6c 100755 --- a/pixelegg/less/layout_table.less +++ b/pixelegg/less/layout_table.less @@ -322,12 +322,12 @@ table.egwGridView_grid } span.arrow.opened { - background-image: url("../../api/templates/default/images/arrow_down.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg"); cursor: pointer; background-position: bottom; } span.arrow.closed { - background-image: url("../../api/templates/default/images/arrow_right.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/caret-right-fill.svg"); cursor: pointer; background-position: right; } diff --git a/pixelegg/less/layout_traditional.less b/pixelegg/less/layout_traditional.less index 36882a1e96..b13bc0ce93 100755 --- a/pixelegg/less/layout_traditional.less +++ b/pixelegg/less/layout_traditional.less @@ -223,16 +223,6 @@ a.textSidebox border-bottom: 0px; } -//#divAppIconBar -//{ -// background-color:silver; -// border:solid 1px #9c9c9c; -// background-image: url(../../api/templates/default/images/background-icon-bar.png); -// background-repeat: repeat-x; -// overflow:visible; -// height: 45px; /* prevents text line to show in IE7+8(Compatibilitymode) */ -//} - /* Star-Plus-HTML Hack fix for the above */ *:first-child+html #divAppIconBar { diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index 1454a7284a..4b85d8b333 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -291,13 +291,13 @@ margin-left: -10px; } a.et2_url.email { - background-image: url(../../api/templates/default/images/email.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/envelope.svg); } a.et2_url.phone { - background-image: url(../../api/templates/default/images/phone.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/telephone.svg); } a.et2_url.url { - background-image: url(../../api/templates/default/images/url.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/link-45deg.svg); } /** * Button widget - text only, and icon @@ -369,7 +369,7 @@ } .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close { /*visibility: hidden;*/ - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-square.svg); margin: -2px -3px; padding: 0px; } @@ -389,7 +389,7 @@ border-left: 1px solid #F2F2F2; } .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { - background-image: url(../../api/templates/default/images/bullet.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/record.svg); background-color: transparent; background-size: contain; border: none; @@ -401,12 +401,12 @@ background-color: transparent; } .ui-datepicker .ui-datepicker-prev span { - background-image: url(../../api/templates/default/images/previous.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg) !important; background-position: 0px 0px !important; background-size: contain; } .ui-datepicker .ui-datepicker-next span { - background-image: url(../../api/templates/default/images/next.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg) !important; background-position: 0px 0px !important; background-size: contain; } @@ -417,13 +417,13 @@ .et2_file .progress li:hover div.remove { width: 16px; height: 16px; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); } .et2_file .progress p { background-color: #FFDD73; } span.et2_file_span { - background-image: url(../../api/templates/default/images/attach.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/paperclip.svg); } span.et2_file_span img[url*="svg"] { background-color: #b4b4b4 !important; @@ -523,7 +523,7 @@ left: 0px; } .et2_link_to .et2_link_entry .ui-icon-triangle-1-s { - background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; } .et2_link_to .et2_file span { background-position: center; @@ -534,7 +534,7 @@ border-radius: 3px; } .et2_link_entry .ui-icon-triangle-1-s { - background: #ffffff url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; background-size: contain; } .et2_link { @@ -555,7 +555,7 @@ } .et2_link_list td div.delete { visibility: hidden; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); background-position: center; background-repeat: no-repeat; background-size: 12px 12px; @@ -563,7 +563,7 @@ } .et2_vfs td div.delete { visibility: hidden; - background-image: url("../../api/templates/default/images/delete.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/trash3.svg"); background-position: center; background-repeat: no-repeat; background-size: 12px 12px; @@ -925,7 +925,7 @@ color: #000000; } .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash { - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); background-size: 12px 12px; background-position: center 2px; margin-top: 0px; @@ -943,7 +943,7 @@ .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { width: 9px; height: 16px; - background-image: url(../../api/templates/default/images/favorites.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/star-fill.svg); background-size: 16px 16px; background-position: 1px 0; margin-right: 9px; @@ -954,7 +954,7 @@ height: 16px; margin-left: 4px; margin-right: 10px; - background-image: url(../../api/templates/default/images/fav_filter.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/star.svg); background-size: 16px 16px; background-position: 0 0; background-repeat: no-repeat; @@ -986,12 +986,12 @@ } .nextmatch_sortheader.asc { font-weight: bold; - background-image: url(../../api/templates/default/images/arrow_up.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg); background-size: 8px 8px; } .nextmatch_sortheader.desc { font-weight: bold; - background-image: url(../../api/templates/default/images/arrow_down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg); background-size: 8px 8px; } /** @@ -1041,11 +1041,11 @@ * et2_taglist */ .et2_taglist_toggle > div.toggle { - background-image: url("../../api/templates/default/images/minus.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/dash-lg.svg"); background-size: 50%; } .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle { - background-image: url("../../api/templates/default/images/plus.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/plus-lg.svg"); background-size: 50%; } .et2_taglist.et2_taglist_category { @@ -1120,11 +1120,11 @@ padding-left: 5px; } .et2_vfsPath input.et2_textbox.et2_vfs { - background-image: url(../../api/templates/default/images/edit.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/pencil-square.svg); } /*#################################### ET2 SEARCHBOX #####################################################*/ .et2_searchbox button.et2_button { - background-image: url(../../api/templates/default/images/search.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg); background-size: 20px 20px; background-position: center; } @@ -1256,13 +1256,13 @@ option:checked { text-decoration: none; } .ui-state-default .ui-icon.ui-icon-triangle-1-s { - background: url("../../api/templates/default/images/arrow_down.svg"); + background: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg"); background-size: 8px auto; background-position: center; background-repeat: no-repeat; } .ui-widget-header .ui-icon.ui-icon-check { - background-image: url("../../api/templates/default/images/check.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/check-lg.svg"); background-size: 12px auto; background-position: center; background-repeat: no-repeat; @@ -1357,9 +1357,7 @@ option:checked { background-color: #FFDD73; } .ui-icon-close { - /*visibility: hidden;*/ - /*background-image: url(../../api/templates/default/images/search.png);*/ - background-image: url("../../api/templates/default/images/cancel.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/x-square.svg"); background-repeat: no-repeat; background-color: #FFFFFF; background-size: 12px 12px; @@ -1389,7 +1387,7 @@ span.ui-icon-close { } /*Schliessen x*/ .ui-icon-closethick { - background-image: url(../../api/templates/default/images/close.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg) !important; background-repeat: no-repeat; background-color: #FFFFFF; background-size: contain; @@ -1438,7 +1436,7 @@ span.ui-multiselect-header { color: #FFFFFF; } span.ui-icon-search { - background-image: url(../../api/templates/default/images/search.svg) !important; + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg) !important; background-position: 0px; background-size: 10px 10px; } @@ -2187,7 +2185,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { background-color: transparent; } #loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] { - background-image: url(../../api/templates/default/images/task.png); + /*background-image: url(../../node_modules/bootstrap-icons/icons/task.png);*/ background-repeat: no-repeat; background-position-x: 0; } @@ -2229,10 +2227,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { opacity: 0.5; } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username { - background-image: url(../../api/templates/default/images/personal.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/person.svg); } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password { - background-image: url(../../api/templates/default/images/password.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/key.svg); } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me { background-image: none; @@ -2241,10 +2239,10 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { padding-left: 31px; } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain { - background-image: url(../../api/templates/default/images/internet.png); + background-image: url(../../node_modules/bootstrap-icons/icons/globe2.svg); } #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language { - background-image: url(../../api/templates/default/images/language.png); + background-image: url(../../node_modules/bootstrap-icons/icons/translate.svg); } #loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] { height: 25px; @@ -2393,7 +2391,7 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { float: right; } .egw_fw_ui_tab_content > .loading { - background-image: url('../../api/templates/default/images/loading.gif'); + background-image: url('../../api/templates/default/images/loading.svg'); background-repeat: no-repeat; text-align: center; line-height: 400px; @@ -2536,7 +2534,7 @@ button[id="timesheet-edit_button[delete]"], button[id="displayToolbar-delete"], button.et2_button_delete { /*background-color: @color_negative_action_hover !important;*/ - background-image: url('../../api/templates/default/images/delete.png'); + background-image: url('../../node_modules/bootstrap-icons/icons/trash3.svg'); margin-left: 3em; /*.border_normal;*/ /*.box_shadow_standard_light;*/ @@ -2639,7 +2637,7 @@ button.et2_button_delete:active { * ######################################################################################## */ #passwordchange { - background-image: url('../../api/templates/default/images/cancel.png') !important; + background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2686,7 +2684,7 @@ button.et2_button_delete:active { /*div.et2_box_widget .et2_button_text:last_child,*/ button[id="cancel"], button#cancel { - background-image: url('../../api/templates/default/images/cancel.png') !important; + background-image: url('node_modules/bootstrap-icons/icons/x-square.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2728,7 +2726,7 @@ button#cancel:active { box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } #passwordcancel { - background-image: url('../../api/templates/default/images/cancel.png') !important; + background-image: url('../../node_modules/bootstrap-icons/icons/x-lg.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2791,7 +2789,7 @@ button.add:before { line-height: 1.1em; } button[id="add"] { - background-image: url('../../api/templates/default/images/add.png') !important; + background-image: url('../../node_modules/bootstrap-icons/icons/plus-circle.svg') !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2838,13 +2836,13 @@ button[id="add"] { /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single div b { - background-image: url("../../api/templates/default/images/arrow_down.svg") !important; + background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg") !important; background-size: 8px auto !important; background-position: center; background-repeat: no-repeat; } .chzn-container-single.chzn-with-drop .chzn-single div b { - background-image: url("../../api/templates/default/images/arrow_up.svg") !important; + background-image: url("../../node_modules/bootstrap-icons/icons/caret-up-fill.svg") !important; background-size: 8px auto; background-position: center; background-repeat: no-repeat; @@ -3069,12 +3067,12 @@ select { -webkit-appearance: none; -moz-appearance: none; margin: 0; - background: url(../../api/templates/default/images/arrow_down.svg) no-repeat center right; + background: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg) no-repeat center right; background-size: 8px auto; background-position-x: calc(100% - 8px); } select:active { - background: #ffffff url(../../api/templates/default/images/arrow_up.svg) no-repeat center right; + background: #ffffff url(../../node_modules/bootstrap-icons/icons/caret-up-fill.svg) no-repeat center right; background-size: 8px auto; background-position-x: calc(100% - 8px); } @@ -3231,11 +3229,6 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.su * @package pixelegg * @version $Id$ */ -/*body { - background-color: @gray_0; - background-image: url(../../api/templates/default/images/bgDialog.png); - background-repeat: repeat-x; -}*/ div#popupMainDiv { padding: 8px; background-color: #FFFFFF; @@ -3264,7 +3257,7 @@ form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input { /*.background-clip(padding-box);*/ } form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker { - background-image: url("../../api/templates/default/images/datepopup.png"); + background-image: url("../../node_modules/bootstrap-icons/icons/calendar3.svg"); } form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover { cursor: pointer; @@ -3563,21 +3556,21 @@ div.admin-config form > table td b { } .warning_message { border-left: 24px solid rgba(255, 204, 0, 0.5) !important; - background-image: url(../../api/templates/default/images/dialog_warning.png); + background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-triangle.svg); } .error_message { border-left: 24px solid rgba(204, 0, 51, 0.5) !important; - background-image: url(../../api/templates/default/images/dialog_error.png); + background-image: url(../../node_modules/bootstrap-icons/icons/exclamation-circle.svg); } .info_message { - background-image: url(../../api/templates/default/images/dialog_info.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/info-circle.svg); } .info_message .discard { float: right; margin-top: 4px; } .success_message { - background-image: url(../../api/templates/default/images/check.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/check-lg.svg); } /** * Message in popup @@ -3630,7 +3623,7 @@ body .egw_message_wrapper div#egw_message span.close { background: #d0cdcdb5; right: 10px; top: 10px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); background-size: 12px; background-repeat: no-repeat; background-position: center; @@ -3886,7 +3879,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -3936,7 +3929,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/search.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/search.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -3987,7 +3980,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); background-repeat: no-repeat; background-position: center; background-size: 12px; @@ -4002,7 +3995,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/back.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-left.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; @@ -4017,7 +4010,7 @@ td.lettersearch { float: right; width: 24px; height: 24px; - background-image: url(../../api/templates/default/images/forward.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-right.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; @@ -4053,7 +4046,7 @@ td.lettersearch { background: rgba(103, 159, 210, 0.2); } #egwpopup div#egwpopup_header .egwpopup_deleteall { - background-image: url(../../api/templates/default/images/delete.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/trash3.svg); width: 12px; height: 12px; background-position: center; @@ -4456,7 +4449,7 @@ body.scrollVertical { } /*ICON List*/ #egw_fw_topmenu_slide.slidedown { - background-image: url("../../api/templates/default/images/list.png"); + background-image: url("../../node_modules/bootstrap-icons/icons/list.svg"); background-position: center center; height: 15px; width: 15px; @@ -4602,7 +4595,7 @@ body.scrollVertical { } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button { top: 0px; - background-image: url(../../api/templates/default/images/close.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/x-lg.svg); } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { font-size: 12px; @@ -4786,7 +4779,7 @@ body.scrollVertical { padding-left: 35px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { - background-image: url(../../api/templates/default/images/reload.png); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-clockwise.svg); background-size: 18px; background-position: 9px 6px; background-repeat: no-repeat; @@ -4869,7 +4862,7 @@ body.scrollVertical { line-height: 1em; font-size: 13px; font-weight: normal; - background-image: url(../../api/templates/default/images/arrow_right.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-right-fill.svg); background-repeat: no-repeat; background-position: left center; background-size: 12px; @@ -4891,7 +4884,7 @@ body.scrollVertical { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 { color: #f2f2f2; - background-image: url(../../api/templates/default/images/arrow_down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/caret-down-fill.svg); line-height: 1em; font-size: 12px; background-size: 12px; @@ -5259,7 +5252,7 @@ body.scrollVertical { height: 35px; top: 0px; border-bottom: 1px solid silver; - background-image: url(../../api/templates/default/images/up.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-up.svg.svg); background-position: center; background-repeat: no-repeat; background-position-y: 5px; @@ -5269,7 +5262,7 @@ body.scrollVertical { bottom: 0px; height: 35px; border-top: 1px solid silver; - background-image: url(../../api/templates/default/images/down.svg); + background-image: url(../../node_modules/bootstrap-icons/icons/arrow-bar-down.svg); background-repeat: no-repeat; background-position: center; background-position-y: 6px; @@ -6176,12 +6169,12 @@ table.egwGridView_grid span.arrow { width: 8px; } table.egwGridView_grid span.arrow.opened { - background-image: url("../../api/templates/default/images/arrow_down.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/caret-down-fill.svg"); cursor: pointer; background-position: bottom; } table.egwGridView_grid span.arrow.closed { - background-image: url("../../api/templates/default/images/arrow_right.svg"); + background-image: url("../../node_modules/bootstrap-icons/icons/caret-right-fill.svg"); cursor: pointer; background-position: right; }