From 3e1c78d3451b8a993402dea482daace8dc19e026 Mon Sep 17 00:00:00 2001 From: Luke Pulverenti Date: Sat, 3 May 2014 19:38:23 -0400 Subject: [PATCH] add new web client sidebar --- dashboard-ui/channels.html | 2 + dashboard-ui/collections.html | 3 + .../css/images/items/folders/books.png | Bin 0 -> 1562 bytes .../css/images/items/folders/channels.png | Bin 0 -> 4733 bytes .../css/images/items/folders/games.png | Bin 0 -> 2202 bytes .../css/images/items/folders/homevideos.png | Bin 0 -> 1761 bytes .../css/images/items/folders/movies.png | Bin 0 -> 777 bytes .../css/images/items/folders/music.png | Bin 0 -> 1918 bytes .../css/images/items/folders/photos.png | Bin 0 -> 2544 bytes dashboard-ui/css/images/items/folders/tv.png | Bin 0 -> 1866 bytes dashboard-ui/css/librarybrowser.css | 11 ++ dashboard-ui/css/librarymenu.css | 175 ++++++++++++------ dashboard-ui/css/metadataeditor.css | 2 +- dashboard-ui/index.html | 7 +- dashboard-ui/itembynamedetails.html | 2 +- dashboard-ui/itemdetails.html | 2 +- dashboard-ui/libraryreport.html | 2 - dashboard-ui/scripts/indexpage.js | 31 +++- dashboard-ui/scripts/librarymenu.js | 59 +++--- dashboard-ui/scripts/mediacontroller.js | 2 +- dashboard-ui/scripts/movies.js | 2 +- 21 files changed, 201 insertions(+), 99 deletions(-) create mode 100644 dashboard-ui/css/images/items/folders/books.png create mode 100644 dashboard-ui/css/images/items/folders/channels.png create mode 100644 dashboard-ui/css/images/items/folders/games.png create mode 100644 dashboard-ui/css/images/items/folders/homevideos.png create mode 100644 dashboard-ui/css/images/items/folders/movies.png create mode 100644 dashboard-ui/css/images/items/folders/music.png create mode 100644 dashboard-ui/css/images/items/folders/photos.png create mode 100644 dashboard-ui/css/images/items/folders/tv.png diff --git a/dashboard-ui/channels.html b/dashboard-ui/channels.html index 49a902d41b..d33071b75f 100644 --- a/dashboard-ui/channels.html +++ b/dashboard-ui/channels.html @@ -8,6 +8,8 @@
+

${HeaderChannels}

+
diff --git a/dashboard-ui/collections.html b/dashboard-ui/collections.html index da08a7855b..e3d8dcde56 100644 --- a/dashboard-ui/collections.html +++ b/dashboard-ui/collections.html @@ -10,6 +10,9 @@
+ +

${HeaderCollections}

+
diff --git a/dashboard-ui/css/images/items/folders/books.png b/dashboard-ui/css/images/items/folders/books.png new file mode 100644 index 0000000000000000000000000000000000000000..a8c3b7916f880bf847d7ad372ede3bb7c365f38d GIT binary patch literal 1562 zcmV+#2IcvQP)Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D1+Pg&K~#8N?VL?$ z8%G$1tsg@SKKRgsF{!aE$re;lK~)@xq46;XLjpat6d!tPp@oL@Qs}LhLK_XX!iH_r)ss@wNNOugmUHNlA2PNI)bnJHjzktrJ8}mchSXSadKi}q8X)4 zu~X{upggQpDr+k%D>c;)44#WdH!xSNR+ppE=n|wZ<5U`j-GCNw&s-!DS&hYF|EW`f zz*W(ZdI?f9=mHp}@2O~=R+n7^-=_rG*CG2Kb;@_NiiX%}3|gmsD^6u0_L6ngTk!q= zMYW24+px~~izCt7+uIpL&RMYu>q=laMENitkN;*h{iAQuD#fBy4qR6esT4bDT@5rf z{JftdvhS(3FLV^WyStl!%w?1%G$}P>UKmm!+t>83MfA?j&Si83xA8-L;KiWj1HPqy zr=k(THz4P=FxvCH*r+VUq+2;=5|sbc}a2bXZ4ab~Pe zX(5ci;CEG)c0{lIDpO(1$2lbWZx(mxJ{Oy2L9EukH4 z>7OYYv!f!a?|CeoLrePCvU-P`{ebEVt0lC9C;u_JleJhZ_DY@Vn{(^YBD*_~ovYPq zH&dz9K=Y4tqKU}v4rG^5R+GtO-*XVNk8UR(kKaOd*J=svF#SWn{l_2~$%Uec$nFU< zk|&t9f1=u5xv=Xvi*zGBL6=>7cX4sCpxPJGF`}DDWcP&WAK$p@O3#RHB9Yw+219-f zW}yBZgCdtPy3)63GQzT7Lg*$2!90$QYPGtlCB5s$2*^H!)B>dPv&83(Mx!uD8rO+| zMU&S^HdigV{ICh3c@(49pk^0aqREiTE+bM+sf<_*VuqdRv>j}VCIOetJ~W4JAdg~1 zqtQ*TUz$0KBhe%vve~b4uqq&0pHr+_XAcaHMH4S&L*gq4EjGIVoHEohZ=lg4nz$&N zQn~YLi*h58NYSf)RVUg+6V0;wn%WKvT169$vhQK~|EW428q_Yc47#{13SSy6V<2AF zE}CeNeTdZSO+T}Qe&8+$j1$}wnZ?ih4r;!v&s}Ei6kQQb9LiotG+$T8fj~*kqGT{u za0f4?_WSO~p=+Xv1KD@gs-Z9NO{MYiaqiWjR5Mah&#B9Hc<8EVVn;T9sR#4(^J}W< zD%?(j@5e`<5&AX?->$vPYj(gNh25QjdvXxp!V_SwmAEdN*pU6AQmMpr?=`{WKZi_) z8%&!~$~Tdmyk~d10EP53kEeiB`jWcVf+wPh4cU&m557C6qLf>qS#xu#?HBHG4@VOv z&qR|!W#gB+e{^(oE1gbrV`fMA-w-%RVKT!=<)fc=A{CgcdbkH8m5;x1aBxs`@`QOR zn%IbJt_6RL=+13yY(!^fX3~gM_Ni}CDr7KPoo*~OBNbBrWbMZ6({s_p&HxFi+}tw- z5sqFI$9+opBN=@B8L`L5$Aw-`j1GJeP3*|FK^bBTC|i(QpkTiyLB5G5ko^s+udSA2 zxGc&KOBtz@nhVm*(pS+0*}*kP`3Z-EykXz`u$1f1dGxKhK|d_@8s9||4sx@zvwXek zBM5By=P78L695)=0Vsi6)E5Ln5ClOG1VIo4K@bE%5ClOG^fNa0Kj4_ZmYba?r2qf` M07*qoM6N<$f`DV=h5!Hn literal 0 HcmV?d00001 diff --git a/dashboard-ui/css/images/items/folders/channels.png b/dashboard-ui/css/images/items/folders/channels.png new file mode 100644 index 0000000000000000000000000000000000000000..1ca1e62577f195e88a0e8f0ec03c960c8f1924cb GIT binary patch literal 4733 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
{dBU7N`p}is zRqio+ST8?{^X6A9qOIF&wI$I2LTl@F2q|(yIXROzhyafQ$Rf832AHB3hv0B?|yK zpzujfP5twX->wSuCcS0FI(I=2^NTB4>u>VBNffE!P3AmO+n8 zWKpFeTA(!#({;39IV$0@wFZc;=-==oHPM2cLQKE4c9xmH;tIjY#fujc`O;JA=rCZ% zD$eYAH+RLOi!rDl0SXN-UG8284gLN#jgi>3keTWzhD~nd zA5olLEhF-!ewz(z#oSv!mXtGTaz5Wi*d&NG_n3_PmX_m9as6Z z&LYQQ#io}m|Hi$#;!18g*m!eBX;jT5e=ts5j5*O^F!G%ZY4n^*5T{QNs}ZCl^&j9v zl34ALwC?fa$9JdEpK*XxE4t|?j5~5Y{2zHiV@yv^kH(l3sH^)gq3?dOZ01E*00000 LNkvXXu0mjfwzml8 literal 0 HcmV?d00001 diff --git a/dashboard-ui/css/images/items/folders/games.png b/dashboard-ui/css/images/items/folders/games.png new file mode 100644 index 0000000000000000000000000000000000000000..d2e450afd80459fff7f5c1ba497b30f321d87a8c GIT binary patch literal 2202 zcmV;L2xa$)P)Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D2ro%QK~#8N?VN9D zQ&$*=ZIWU^KlnkIxXN17YK4wDP*6~?OqjCCCRA|XP{F~*6qPAsY_gU4WyqMK1Hpm9 zHWXAWSg~Up?S~EvbKsyKYSY@%W>T22!ip0X?VjJgr=e+X(%dXfZ<_PK_54Zh@#c5W zeb4)zb8Z({EEbE!VzF2(7K_DVu~;k?OE4H17-;VA@BhRUEwcq84M#>s*xxH|ZLld-Ke|!>Fwp(%luCe-4p`{XLndpP4RGm} zaU}g@i^WoGN-kjO>FHU#Xwf3gDUX&?P*M^?$6~Q9p-|{BgWm=`jb*0V84M|RlYWVt zSMfzyVcspWiwk}Wv z(vOzwhRC=5h%ESi4Nt&Lh3KX#Fa%O)#QGG`^7WJJ2+_5o5-9RA9qKX5moINbj7A>S zm#9)mT;+UN0L-A5cYB;a#`*V5u@H=L^M9e;uFA^Fd--@fzJxZT|6a1q9GU|zI}rN` zH?f=S*TciZtxZi$Iqeb2NoWLqlg7W|s4-O*mpDEBi+DVKekQ@Q3XQ;Z^x(5(wa977 zOgB31&*tr96nbD_U=zu0j3yFQ&6qBS0EqlykaFuMXB44B7U8d;3jnbm&O}A8jc!{0jM-wR2&@(TR z_0t>E_OWrJ=6rd7ECjO4(W*{s|hPVTYc40FZTBK zYL?LTbxJ# z8`;>YzA<8J=hF#O%#}TIk(F_TuBxg!LgT(BaON{S-PcVv1%z%j*<6V*UVW^LBQzo_ zthN{s$I}_W6!?B6gPXHk79*s|b;?fnwj_DYq$$wTeea5*6IU%UY0`oxWtsiVfth-QdXQ znon2IfFi(5cdC^^V5i9!6b6X{Jfas&F{mgWxQpo3bdD6i*bkiFB^#Y>5d7Vwvq8T} z=L`gppL~?;4xYf{AZvA{n1pB1?5phY%#@5v`!aUJbwK6C~an1d5Oq$WL%cv#Ae-PQ!E$?_vy`Z z>QeICJokZMCbW8z5zg~;3>q67$2r$?jz>2@rbCaf-df5F8reT}bQTDy)#yP}3?y9l zdagT7Z1l)F^N5(|R<2xm$P`oH+&@W@^Ba@!e+{Wem+RKoOj8c;o759J(4M}&zBC(d z-aJSXS#WcPWTOX6xvb#FH`4N@-=q(r27qDj1LbFcRG_w@V!YbK##qItCu!*Ay^AH z!Pn*)+Pb3YR%gvnc814fkV@aHEBwcW@;daccA>Z4Dzft&pt8ZWAEGCF{sjc=xOB>O ze@lY4*6687F3w`mkMX!9R|Ikeq0<&3HL%F$nPN`R&U>`uxm2GoT*o%9Lt7?%fsmdq zoCZIH`mgFX!#AtgK9KH=ul&R7+zyK^tv|yu%a=3Zd~? z+V{KZah!8Da!n}#2!p0N;xV_B9nK$Ppk1SAQ{|NH20RwpxOj(b(WWoCpixHk7aJNH z9+|3wVmgrKFPwK1b45atv|v&@Baz5bblFSY9{1B3(WKM%Xf&FfY)aeLVIm{VyZYI3 zkT0@fJG|x&3W@%92fgbKVij!1Yc{wcX=ZTJ>qx>~Xyc2rE54U)d@^1Pk%d{9*sQ0= zt(jF$dW|({J$e#FKJtBBc{|DzE~Jg8 zs(TOMceOeLM?}_Ux@p!zelzx-NVzF2(7K_DVu~;k?i^XEe c&VmL10e%I$obaeew*UYD07*qoM6N<$f+Q6+=>Px# literal 0 HcmV?d00001 diff --git a/dashboard-ui/css/images/items/folders/homevideos.png b/dashboard-ui/css/images/items/folders/homevideos.png new file mode 100644 index 0000000000000000000000000000000000000000..46a3f3f0863743ec49d39a919766a9f4aaa97b55 GIT binary patch literal 1761 zcmV<71|Io|P)Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D26jnAK~#8N?VL|& zTtytmvwui7kV6h0atI;IZvGr1R;XYwLIa8hDz?yoLd6R8JYM*kcM!5))zxvdE~tQBI^1%lgZ2v4-c~}aEuGRzP{d$oB9am zyGYSuVQr=%%w#f|ToS)7(&;oG<`*!NPDyp-0Z(jfZ2S~3kxQn0H*egeCU{M7}J|*R#k3!kukxZJiRgA`rO)BG391 znLL3s%ZKK;cJVDVUqTT1TX9Wr4%hrl>;ufr%|#*dPY}6Viu}^XmcbXd_|`BH(O)C^ zisTA>h*omw<<{BRc?lwObYTp(478#T#I=Smq4~x~cFOUL5=ATF$fX3DIEQN$Bi%1} zH;l1M64wg8gvO1(Bc^e1^RJaR>0B;%0rgoC1J{kA3%M+=6+8u*@eA$X?9M3}I#*0&G%anH&*6Zu; z?zUEkpFTPWp^G!jR4NrjT}_y2o;;xu(OY6#XJ=<8kh*N%lV_nZ{Ne{1+Z4Y=$dtV1 zwA=*weBRnU`HARdF>Ug%g$#$Ysa6-3+;D4#%PV`bz$$*ti_Xo9GoM7H2~M&RgTw9-mTPfyPZ#C}^`Bj9@1 zg82CFTWCaewooXX#~*BBXq3mK;f-4Bhxpm|$gVq{Kkzr-=kl4jR`D$~;YxNS5_uZt zL#MRl|AEe2e8sOOvb3Llc22Wk>4`#NM@?+T*k0^Dlb050B;%vwRrmg;Xka5fAE3 zm_xW`r7wz%+Ia|kH=tz5JE}-g=yW=L28CQk;=Vn572>^M8yk+`zabuWP4Guw%$(k+{|D5EQ!NMR4)b zQ-N)5b@=}PG^%?4+}N|Wwl;-GuDSP+qmGI*xLOxi95_Hg%YT4CyeLIg(czs(IQ>Ty z{|WQ7Q&Jlh+8ym2H0&qLc6pkC0|?h!)KqA9oZ`rAKSAKHP*zvhszL{Z3LOwCbU>)k z0ii+%gbE!HDs(_l=xR$mwss&jBw@_ct8Ec5xhbaM33CMjVjtLm4S#uid;7rNH^m>} zcs#x=n_q4~;2ETA@CT1NkFC^)t2M*b)zw?bE;*j!1s!z+gbE!HDs(`o&;g-B2ZRb8 z5Gr&)sL%nSLc4?ipm2CU!5_s8x~?-jIx}>~?}dk|g8p??mbLK}t)Cg@5=VSehAIH=H;Kv%*OS+5`!SE^KKi$Lrd3;~~kx#CJ_ zbn<_T*^q=nAy5CUop4Q-V!IN$P$+Over!j4j}yGuvJm>FxSoL6TdsuWIqG~q{~{{o zKM)E0!1^)4`&{6+4MwF?q$rA_D2k#eilQjqXlnWodKqw%Z%TBT00000NkvXXu0mjf Da%?vq literal 0 HcmV?d00001 diff --git a/dashboard-ui/css/images/items/folders/movies.png b/dashboard-ui/css/images/items/folders/movies.png new file mode 100644 index 0000000000000000000000000000000000000000..2a999490ed8294b1c3c0227fcbd0f557e8d6109e GIT binary patch literal 777 zcmeAS@N?(olHy`uVBq!ia0vp^Q6S901|%(3I5Gh##^NA%Cx&(BWL^R}Ea{HEjtmSN z`?>!lvI6;>1s;*b3=DjSL74G){)!X^2BvwQE{-7;ac}P!P7-nyIaZj~mB8H0%j2QB z#NY`-)YG(TR^#;#c)zg79ptWHFgCw4VG0u$Q!}r*fx&_U*FVKnPsltL^-O!)>;J14 zy||YY_3ZY>-Ib3@fVMF(G&mW~K6|fX_oCZx{eJ!Zx3_%qvdb@b=$!U`|1a(M`ZqtO zmd|f_T68md{dN7lzY{j!ywmTtxU+n6PLH>A@|(NtN0T<*sM>vqZNC&>yZJreO@{k! zUjC>5=5d0-j|Xqn6Yb{j*Y0|>xjfmtOfUSNAD8&L*b>G5u1oVT8a0V2W(YQkt&HXI zS6F`Z!^ItoTsfjz7Pv;uUcCKw?vIe0FD5_Tx#8!}nYOm~zxu5{dsIMh86QxCr?2ex zZ$EZsFS}V|v+d{FpuML(Bl6$;kqUk9b7EoT*L6Cl>nzg(wgumn7T@+twUUtnfxW8|MM3=x84##eREgrLfzsM0g9QOU9y2C^JLst}?E-10+ z!ibd%;@b}eO>W<7_GV{sS@nxO{I)sg|6c1~xu8mXVbyd-s5cZdCfUV3g1O+h21j}1u z0`IO1W)>Shkxy6lkp+4<$h!1K{O?1v-LLjcynN;2kC<1-9&|zC2;{lw^X7Y{s|qrD q=H%J_w|^dF4oc7r3<57o>KOY2k`|Oji2;)=1B0ilpUXO@geCyrXlld& literal 0 HcmV?d00001 diff --git a/dashboard-ui/css/images/items/folders/music.png b/dashboard-ui/css/images/items/folders/music.png new file mode 100644 index 0000000000000000000000000000000000000000..dc6b8bf1766de42bcdc21d656960dfb9148f7eff GIT binary patch literal 1918 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 Eg6CChE&u=k literal 0 HcmV?d00001 diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index efca7aea69..e6ca05bdfd 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -961,6 +961,17 @@ a.itemTag:hover { margin-left: .5em; } +@media all and (min-width: 750px) { + + .lnkSibling:not(.hide) { + display: block; + } + + .itemBackdrop:not(.noBackdrop) { + border-bottom: 1px solid #111; + } +} + @media all and (min-height: 500px) { .alphabetPicker { diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css index 7058999af3..d54208b213 100644 --- a/dashboard-ui/css/librarymenu.css +++ b/dashboard-ui/css/librarymenu.css @@ -1,11 +1,35 @@ .libraryPage { - padding-top: 48px !important; + padding-top: 54px !important; } .libraryPage:not(.metadataEditorPage):not(.noSecondaryNavPage) { - padding-top: 91px !important; + padding-top: 97px !important; } +.desktopLibraryMenu { + position: fixed; + left: 0; + z-index: 1001; + top: 54px; + background-color: #181818; + width: 200px; + min-height: 100px; + border-bottom-right-radius: 5px; +} + +.itemDetailPage .desktopLibraryMenu { + background-color: rgba(24,24,24,.6); +} + +.metadataEditorPage .desktopLibraryMenu { + display: none; +} + +.desktopLibraryMenuDivider { + height: 1px; + background: #333; + margin: .5em 0; +} .viewMenuBar { font-weight: bold; @@ -14,13 +38,9 @@ left: 0; z-index: 1000; top: 0; - padding-left: 10px; background: #181818; - border-bottom: 1px solid #080808; -} - -.viewMenuLink { - font-size: 90%; + padding: 3px .25em 3px 1em; + border-bottom: 1px solid #101010; } .viewMenuLink { @@ -31,6 +51,10 @@ vertical-align: middle; } + .viewMenuLink:hover { + background-color: #555; + } + .viewMenuBar .btnCurrentUser { padding: 7px 1em 6px; } @@ -48,49 +72,84 @@ vertical-align: top; } -.selectedMediaFolder { - color: #fff!important; +.viewMenuTextLink { + display: block; + padding: .6em .5em .6em 35px!important; + font-size: 15px; + font-weight: 300!important; + font-family: Roboto; } -.viewMenuBar .selectedMediaFolder:before { - content: '\25BA'; - color: #fff; +.musicViewMenu { + background-image: url(images/items/folders/music.png); + background-repeat: no-repeat; + background-size: 18px 18px; + background-position: 8px 8px; +} + +.tvshowsViewMenu { + background-image: url(images/items/folders/tv.png); + background-repeat: no-repeat; + background-size: 18px 18px; + background-position: 8px 8px; +} + +.moviesViewMenu { + background-image: url(images/items/folders/movies.png); + background-repeat: no-repeat; + background-size: 18px 18px; + background-position: 8px center; +} + +.gamesViewMenu { + background-image: url(images/items/folders/games.png); + background-repeat: no-repeat; + background-size: 18px 18px; + background-position: 8px 8px; +} + +.channelsViewMenu { + background-image: url(images/items/folders/channels.png); + background-repeat: no-repeat; + background-size: 18px 18px; + background-position: 8px center; +} + +.booksViewMenu { + background-image: url(images/items/folders/books.png); + background-repeat: no-repeat; + background-size: 18px 18px; + background-position: 8px center; +} + +.collectionsViewMenu, .generalViewMenu, .homeVideosViewMenu { + background-image: url(images/items/folders/homevideos.png); + background-repeat: no-repeat; + background-size: 18px 18px; + background-position: 8px center; } .viewMenuSecondary { float: right; } -.viewMenuTextLink { - display: none; - height: 20px; - padding-top: 9px; - text-transform: uppercase; - font-size: 14px; - font-weight: 400!important; -} - -.viewMenuTextLink { - display: inline-block; -} - -.viewName { - vertical-align: middle; -} - -.selectedViewLink { +.selectedMediaFolder { + background-color: #38c!important; color: #fff!important; } +.itemDetailPage .selectedMediaFolder { + background-color: rgba(51,136,204,.8)!important; +} .libraryViewNav { height: 42px; overflow: hidden; border-bottom: 1px solid #333; position: fixed; - left: 0; right: 0; - top: 48px; + left: 0; + top: 54px; z-index: 1000; background-color: #252525; } @@ -130,49 +189,51 @@ color: #ddd; } +.desktopHomeLink { + color: #ddd !important; + margin-right: 2em; + text-decoration: none; + font-weight: 400!important; +} -@media all and (min-width: 950px) { + .desktopHomeLink span { + vertical-align: middle; + } + +@media all and (min-width: 1280px) { .libraryMenuButton { display: none; } -} -@media all and (max-width: 950px) { - - .desktopHomeLink { - display: none; + .libraryPage:not(.itemDetailPage):not(.metadataEditorPage) { + left: 215px !important; + width: auto !important; + right: 0 !important; } - .desktopViewMenuLink { + .libraryPage:not(.itemDetailPage) .libraryViewNav { + } +} + +@media all and (max-width: 1280px) { + + .desktopHomeLink { display: none; } .libraryViewNavInner { text-align: left; } + + .desktopLibraryMenu { + display: none; + } } @media all and (min-width: 750px) { - .viewMenuLink { - padding-left: .8em; - padding-right: .8em; - } - - .libraryMenuButton + .viewMenuTextLink { - padding-left: .6em !important; - } - .viewMenuBar .btnCurrentUser { padding-right: 1.5em; } - - .lnkSibling:not(.hide) { - display: block; - } - - .itemBackdrop:not(.noBackdrop) { - border-bottom: 1px solid #111; - } } diff --git a/dashboard-ui/css/metadataeditor.css b/dashboard-ui/css/metadataeditor.css index 97bd17fcdc..5e7cf01310 100644 --- a/dashboard-ui/css/metadataeditor.css +++ b/dashboard-ui/css/metadataeditor.css @@ -233,7 +233,7 @@ .editPageSidebar { position: fixed; - top: 48px; + top: 54px; bottom: 0; left: 0; width: 30%; diff --git a/dashboard-ui/index.html b/dashboard-ui/index.html index 43c0490458..d53d63ec6d 100644 --- a/dashboard-ui/index.html +++ b/dashboard-ui/index.html @@ -4,12 +4,17 @@ ${TitleMediaBrowser} -
+
+

${HeaderMyLibrary}

+ +
+
+