RubyGems - blueberry_admin - Versions diffs - 0.1.1 - Mend

blueberry_admin 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

data/app/assets/stylesheets/blueberry_admin/components/_redactor.sass ADDED Viewed

@@ -0,0 +1,15 @@
+//
+// Redactor
+// ---------------------------------
+.redactor-toolbar
+  display: block !important
+  background: $sidebar-bg
+  li
+    a
+      color: white
+    a.redactor-act,
+    a:active
+      color: white
+      background: black

data/app/assets/stylesheets/blueberry_admin/components/_small-box.sass ADDED Viewed

@@ -0,0 +1,89 @@
+/*
+ * Component: Small Box
+ * --------------------
+ */
+.small-box
+  @include border-radius-same(2px)
+  position: relative
+  display: block
+  margin-bottom: 20px
+  box-shadow: $box-boxshadow
+  // content wrapper
+  > .inner
+    padding: 10px
+  > .small-box-footer
+    position: relative
+    text-align: center
+    padding: 3px 0
+    color: #fff
+    color: rgba(255, 255, 255, 0.8)
+    display: block
+    z-index: 10
+    background: rgba(0,0,0,0.1)
+    text-decoration: none
+    &:hover
+      color: #fff
+      background: rgba(0,0,0,0.15)
+  h3
+    font-size: 38px
+    font-weight: bold
+    margin: 0 0 10px 0
+    white-space: nowrap
+    padding: 0
+  p
+    font-size: 15px
+    > small
+      display: block
+      color: #f9f9f9
+      font-size: 13px
+      margin-top: 5px
+  h3, p
+    z-index: 5px
+  // the icon
+  .icon
+    @include transition(all $transition-speed linear)
+    position: absolute
+    top: -10px
+    right: 10px
+    z-index: 0
+    font-size: 90px
+    color: rgba(0, 0, 0, 0.15)
+  // Small box hover state
+  &:hover
+    text-decoration: none
+    color: #f9f9f9
+    // Animate icons on small box hover
+    .icon
+      font-size: 95px
+@media (max-width: $screen-xs-max)
+  // No need for icons on very small devices
+  .small-box
+    text-align: center
+    .icon
+      display: none
+    p
+      font-size: 12px

data/app/assets/stylesheets/blueberry_admin/components/_timeline.sass ADDED Viewed

@@ -0,0 +1,98 @@
+/*
+ * Component: Timeline
+ * -------------------
+ */
+.timeline
+  position: relative
+  margin: 0 0 30px 0
+  padding: 0
+  list-style: none
+  // The line
+  &:before
+    content: ''
+    position: absolute
+    top: 0px
+    bottom: 0
+    width: 4px
+    background: #ddd
+    left: 31px
+    margin: 0
+    @include border-radius-same(2px)
+  > li
+    position: relative
+    margin-right: 10px
+    margin-bottom: 15px
+    @include clearfix
+    // The content
+    > .timeline-item
+      @include box-shadow($box-boxshadow)
+      @include border-radius-same($box-border-radius)
+      margin-top: 0px
+      background: #fff
+      color: #444
+      margin-left: 60px
+      margin-right: 15px
+      padding: 0
+      position: relative
+      // The time and header
+      > .time
+        color: #999
+        float: right
+        padding: 10px
+        font-size: 12px
+      > .timeline-header
+        margin: 0
+        color: #555
+        border-bottom: 1px solid $box-border-color
+        padding: 10px
+        font-size: 16px
+        line-height: 1.1
+        > a
+          font-weight: 600
+      // Item body and footer
+      > .timeline-body, > .timeline-footer
+        padding: 10px
+    // Time label
+    &.time-label
+      > span
+        font-weight: 600
+        padding: 5px
+        display: inline-block
+        background-color: #fff
+        @include border-radius-same(4px)
+    // The icons
+    > .fa,
+    > .glyphicon,
+    > .ion
+      width: 30px
+      height: 30px
+      font-size: 15px
+      line-height: 30px
+      position: absolute
+      color: #666
+      background: $gray
+      border-radius: 50%
+      text-align: center
+      left: 18px
+      top: 0

data/app/assets/stylesheets/blueberry_admin/components/_users-list.sass ADDED Viewed

@@ -0,0 +1,39 @@
+/*
+ * Component: Users List
+ * ---------------------
+ */
+.users-list
+  @extend .list-unstyled
+  > li
+    width: 25%
+    float: left
+    padding: 10px
+    text-align: center
+    img
+      @include border-radius-same(50%)
+      max-width: 100%
+      height: auto
+    > a:hover
+      &,
+      .users-list-name
+        color: #999
+.users-list-name,
+.users-list-date
+  display: block
+.users-list-name
+  font-weight: 600
+  color: #444
+  overflow: hidden
+  white-space: nowrap
+  text-overflow: ellipsis
+.users-list-date
+  color: #999
+  font-size: 12px

data/app/assets/stylesheets/blueberry_admin/layout/_sidebar-mini.sass ADDED Viewed

@@ -0,0 +1,137 @@
+/*
+ * Component: Sidebar Mini
+ */
+//Add sidebar-mini class to the body tag to activate this feature
+.sidebar-mini
+  //Sidebar mini should work only on devices larger than $screen-sm
+  @media (min-width: $screen-sm)
+    //When the sidebar is collapsed...
+    &.sidebar-collapse
+      //Apply the new margining to the main content and footer
+      .content-wrapper,
+      .right-side,
+      .main-footer
+        margin-left: 50px!important
+        z-index: 840
+      //Modify the sidebar to shrink instead of disappearing
+      .main-sidebar
+        //Don't go away! Just shrink
+        @include translate(0, 0)
+        width: 50px!important
+        z-index: 850
+      .sidebar-menu
+        > li
+          position: relative
+          > a
+            margin-right: 0
+          > a > span
+            border-top-right-radius: 4px
+          &:not(.treeview)
+            > a > span
+              border-bottom-right-radius: 4px
+          > .treeview-menu
+            //Add some padding to the treeview menu
+            padding-top: 5px
+            padding-bottom: 5px
+            border-bottom-right-radius: 4px
+          //Show menu items on hover
+          &:hover
+            > a
+              //overflow: visible
+            > a > span:not(.pull-right),
+            > .treeview-menu
+              display: block!important
+              position: absolute
+              width: $sidebar-width - 50
+              left: 50px
+            //position the header & treeview menus
+            > a > span
+              top: 0
+              margin-left: -3px
+              padding: 12px 5px 12px 20px
+              background-color: inherit
+            > .treeview-menu
+              top: 44px
+              margin-left: 0
+      //Make the sidebar links, menus, labels, badges
+      //and angle icons disappear
+      .main-sidebar .user-panel > .info,
+      .sidebar-form,
+      .sidebar-menu > li > a > span,
+      .sidebar-menu > li > .treeview-menu,
+      .sidebar-menu >li > a > .pull-right,
+      .sidebar-menu li.header
+        display: none!important
+      .main-header
+        //Let's make the logo also shrink and the mini logo to appear
+        .logo
+          width: 50px
+          > .logo-mini
+            display: block
+            margin-left: -15px
+            margin-right: -15px
+            font-size: 18px
+          > .logo-lg
+            display: none
+        //Since the logo got smaller, we need to fix the navbar's position
+        .navbar
+          margin-left: 50px
+//A fix for text overflow while transitioning from sidebar mini to full sidebar
+.sidebar-menu,
+.main-sidebar .user-panel,
+.sidebar-menu > li.header
+  white-space: nowrap!important
+  overflow: hidden
+.sidebar-menu:hover
+  overflow: visible
+.sidebar-form,
+.sidebar-menu > li.header
+  overflow: hidden
+  text-overflow: clip
+.sidebar-menu li > a
+  position: relative
+  > .pull-right
+    position: absolute
+    top: 50%
+    right: 10px
+    margin-top: -7px

data/app/assets/stylesheets/blueberry_admin/layout/_sidebar.sass ADDED Viewed

@@ -0,0 +1,154 @@
+//
+// Layout
+// ---------------------------------
+//Main Sidebar
+// ``` .left-side has been deprecated as of 2.0.0 in favor of .main-sidebar ```
+.sidebar
+  width: $sidebar-width
+  min-height: 100%
+  position: absolute
+  top: 0
+  left: 0
+  background: $sidebar-bg
+  z-index: 810
+  //Using disposable variable to join statements with a comma
+  $transition-rule: $transition-speed $transition-fn, width $transition-speed $transition-fn
+  @include transition-transform($transition-rule)
+  @media (max-width: $screen-xs-max)
+    @include translate(-$sidebar-width, 0)
+  .sidebar-collapse &
+    @media (min-width: $screen-sm)
+      @include translate(-$sidebar-width, 0)
+  .sidebar-open &
+    @media (max-width: $screen-xs-max)
+      @include translate(0, 0)
+// remove border from form
+.sidebar-form
+  input:focus
+    border-color: transparent!important
+//Sidebar user panel
+.user-panel
+  position: relative
+  width: 100%
+  padding: 10px
+  overflow: hidden
+  @include clearfix
+  > .image > img
+    width: 100%
+    max-width: 45px
+    height: auto
+  > .info
+    padding: 5px 5px 5px 15px
+    line-height: 1
+    position: absolute
+    left: 55px
+    > p
+      font-weight: 600
+      margin-bottom: 9px
+    > a
+      text-decoration: none
+      padding-right: 5px
+      margin-top: 3px
+      font-size: 11px
+      > .fa,
+      > .ion,
+      > .glyphicon
+        margin-right: 3px
+// Sidebar menu
+.sidebar-menu
+  list-style: none
+  margin: 0
+  padding: 0
+  a
+    font-weight: bold
+    text-decoration: none
+    color: white
+  > li
+    position: relative
+    margin: 0
+    padding: 0
+    > a
+      padding: 12px 10px 12px 20px
+      display: block
+      > .fa,
+      > .glyphicon,
+      > .ion
+        width: 20px
+      &:hover
+        background: darken($sidebar-bg, 5%)
+    .label,
+    .badge
+      margin-top: 3px
+      margin-right: 5px
+  li.logo
+    padding: 30px 20px
+    font-size: 12px
+    text-align: center
+    a
+      padding: 0
+      background: transparent !important
+    img
+      max-width: 80%
+  li > a > .fa-angle-left
+    width: auto
+    height: auto
+    padding: 0
+    margin-right: 10px
+    margin-top: 3px
+  li.active
+    > a > .fa-angle-left
+      @include rotate(-90deg)
+    > .treeview-menu
+      display: block
+  // Tree view menu
+  .treeview-menu
+    display: none
+    list-style: none
+    padding: 0
+    margin: 0
+    padding-left: 5px
+    .treeview-menu
+      padding-left: 20px
+    > li
+      margin: 0
+      > a
+        padding: 5px 5px 5px 15px
+        display: block
+        font-size: 14px
+        > .fa,
+        > .glyphicon,
+        > .ion
+          width: 20px
+        > .fa-angle-left,
+        > .fa-angle-down
+          width: auto