Sfoglia il codice sorgente

Fix stylesheet in .aside.right

soyjavi 13 anni fa
parent
commit
d95786b8a9

+ 8 - 7
src/stylesheets/Lungo.layout.aside.styl

@@ -12,14 +12,14 @@
 
 section.aside
   &:not(.small)
-    transform( translateX(ASIDE_WIDTH) )
+    transform translateX(ASIDE_WIDTH)
   &.small
-    transform( translateX(ASIDE_WIDTH_SMALL) )
+    transform translateX(ASIDE_WIDTH_SMALL)
 
   &.right
-    transform( translateX(-ASIDE_WIDTH) )
+    transform translateX(-(ASIDE_WIDTH))
     &.small
-      transform( translateX(-ASIDE_WIDTH_SMALL) )
+      transform translateX(-(ASIDE_WIDTH_SMALL))
 
 aside
   position: absolute
@@ -59,12 +59,13 @@ aside
         & .icon
           position: absolute
           width: inherit
-          line-height: ASIDE_WIDTH_SMALL
+          font-size: ASIDE_SMALL_ICON
+          line-height: (ASIDE_WIDTH_SMALL - 8)
 
         & .tag
           position: relative
-          top: -54px
-          right: 6px
+          top: -(ASIDE_WIDTH_SMALL)
+          right: -(ASIDE_WIDTH_SMALL / 3.4)
 
         &:first-child
           margin-top: 8px

+ 2 - 0
src/stylesheets/import/constants.styl

@@ -7,6 +7,8 @@ ARTICLE_WITH_HEADER_EXTENDED = (HEADER_FOOTER_HEIGHT + HEADER_GROUPBAR_HEIGHT)
 
 ASIDE_WIDTH         = 264px
 ASIDE_WIDTH_SMALL   = 64px
+ASIDE_SMALL_ICON    = 48px
+
 
 BORDER_RADIUS       = 2px