From fb26cb4bac1567d2007479100cc96e5716bca87e Mon Sep 17 00:00:00 2001 From: Joas Schilling Date: Wed, 2 May 2018 15:41:29 +0200 Subject: [PATCH] Add docs about highlighted counter Signed-off-by: Joas Schilling --- developer_manual/design/navigation.rst | 15 ++++++++++++++- .../images/navigation-counter-highlighted.png | Bin 0 -> 2133 bytes 2 files changed, 14 insertions(+), 1 deletion(-) create mode 100644 developer_manual/images/navigation-counter-highlighted.png diff --git a/developer_manual/design/navigation.rst b/developer_manual/design/navigation.rst index 42f910713..f040ae5a0 100644 --- a/developer_manual/design/navigation.rst +++ b/developer_manual/design/navigation.rst @@ -226,7 +226,7 @@ Do not change the alignment of the text. If you're using
  • 1
    • -The count should be limitted to 999 and turn to 999+ if any higher number is given. If AngularJS is used the following filter can be used to get the correct behavior: +The counter should be limited to 999 and turn to 999+ if any higher number is given. If AngularJS is used the following filter can be used to get the correct behavior: .. code-block:: js @@ -246,6 +246,19 @@ Use it like this:
  • {{ count | counterFormatter }}
    • +Highlighted counter +""""""""""""""""""" + +The counter can also be highlighted to attract some focus, e.g. for unread chat messages + +.. figure:: ../images/navigation-counter-highlighted.png + :alt: Navigation entry with highlighted counter + :figclass: figure-with-code + +.. code-block:: html + +
  • 1
    • + .. _navigation_buttons: Buttons diff --git a/developer_manual/images/navigation-counter-highlighted.png b/developer_manual/images/navigation-counter-highlighted.png new file mode 100644 index 0000000000000000000000000000000000000000..0aa4b7eebe146da0da34ae6ff22b46d756173056 GIT binary patch literal 2133 zcmai0cQ_l07U$}%y-G`sc*bqD)F>jj+AH=5UKOoap(;&`(gY0}YJ|47+B1p@;*}an z%~GpKYlW&6BDKX{)tC3*eea)lzVDp#$N9c<&Ue=D#M@e%^7BaWu(7f6o0}QkVd*0l zYjK@t$tW*~8%v#g0ye+P#iB5-2XSm{Tzuw626sd9)~Eg9k_XZ~%tmDBEpO{E*Nnws zFXmH8L(B7b06t8M`>Om^7_~HBNh4Tj(O$}wa5C)uOv#Uq{`X%vZ+ce9Tt{*61H)i8 z=?0gw>5;`z@PD0CcK~@?V_>VOp!~(WE+$~Y;Z(KOCx7k7X?SGEaX9@10G65F+(0qP zNF;OTZ#el@8BM;m;kB3iccO&;y};w8TnYWAQntxv(w(2(AmpMF&1%2ZaO7p?mSw z~iSn7t>Z;SYTk_SXSEz8V4(hzhZ1~?bq8bWl9eqp;Nl9S8uB25_EGV z8n@$)rtM3AA1rO<2-}U~a1L*Yni*d~j2$j^C_DPyt_m1zbRCp!^vx|O0AMf}MNuA9 zaBvM~$jP&QdC_XTbLSG)xwecpQhQOf?UH@4ibJ5#=b4SY35?@eOE->;-j4CY$?FM5x z2{2Vt^M;Wo4CenP(NujZNjL{<-D{Q%tt~}Wo%NJPRh(f1w(6zH2^dlfW*uPzVU z)`Li|H*qmDIRrdG*M!{kW;98dyLeRs-dlQt>$37mLl+u}+UqhJBI7^q3*fpnPxb>`b_`E~nI z#QFzzd3pJCi$5$%FJyT6!hJLl0#E-0T$K_K5x}WKMC|R&6)w;*aw+%r4d#-}pUFUL zZHOk9gCfAOuaK#0g2il#y37ZBs(J(B_M`0Sego0*z+Vw&*yp|XGETuX(U#0OV4-WN zwnYtXE?rPZ(J1W^{#at?r$=lRGS$k+mRIBlA}yu?lpbd z0>_6R(2yfRbnsT^(2=_%VO{4<;MjKxx-M-qyg15o=^620onB2`Ird9u=;xN+ILoX> z^Z-lB?BJ}`($wraJOr_^_9jmkjhOtp`#Dq9Q#_Vpu*n+7KafOm72PHT7kW9Xtc0W^ zCHRanlbzFV1KJ1b=&%=Ut!g`&xn(ac@Ps4L z`)l`2Oib87;m5nN-KCqOvC1?-KNZDotDW%?d|Pl|B1XzhKbwD=uj9td7uD%>j^_PttmrZ z%ejkV%cr(aIV(VJY?Qq@pb8Z<@1AEWt7TP8?XqR>`DBMi`L;R?2&C2QLoUR_2;+4# zO(5%wSm$@;F9>AOmwKC0-%^O^A#8oa_L5Se_sY`GF(}=l-sz+@0>N`cOW7;s{5GCO zVIUuo5{0;t;__nhZ&u-$bl8oU*DLvj@ikD+_ZkW%PieB!E+g?5`EF)|B#N@kQ=QHm zj(jydZ?0|9-1u$BS2%TCt+*t_`Na7Wa& zZiCs!fmOArSX2si>J7)<_T>+{pQ$?Q!n$u(R}60z_Mlx%OieS#I_K301P}4^%#iO% z86G%fDEExsOkXbbtkFv!%UmCdAkl`MwsZjkiB{$M4|ua*n3^T26O!6C@uehc?GY z9By;~&kz8`*@bn7Wnqz#I?3Z$r_d)NZmT}?s|aM#2J?!nSmZEu8j$t)*tl%iYXM%Xu9Qvn}#d_ACz-Df2ZA1jSKmRv=);m4` literal 0 HcmV?d00001