releaf-core 0.2.1

data/app/assets/stylesheets/releaf/layout/errors.scss

@@ -0,0 +1,28 @@
+// full page errors (access denied, feature disabled etc)
+
+section.error
+{
+    .description
+    {
+        color: $color-text-lighter;
+        @include font-size-larger;
+        margin: steps(1.5) 0;
+    }
+
+    a.return
+    {
+        text-decoration: none;
+
+        .fa
+        {
+           @include icon-small;
+        }
+    }
+
+    &:not(.dialog) > .body
+    {
+        border: none;
+    }
+}
+
+

data/app/assets/stylesheets/releaf/layout/extras.scss

@@ -0,0 +1,10 @@
+// this file is intentionally left empty
+// it is included as the last layout import
+// and is intended to be overriden in actual applications
+// when something needs to be added or changed in the layout
+
+// the override file should be placed in
+// app/assets/stylesheets/releaf/layout/extras.scss
+// and then it will be used instead of this one
+
+// rails cache will have to be cleared for the framework to detect this file

data/app/assets/stylesheets/releaf/layout/fields.scss

@@ -0,0 +1,305 @@
+select,
+textarea,
+input.text
+{
+    color: $color-text-normal;
+    background-color: $color-background-lighter;
+    border: 1px solid $color-border-normal;
+    outline: none;
+    font-weight: bold;
+
+    &:hover
+    {
+        border: 1px solid $color-border-darker;
+    }
+
+    &:focus
+    {
+        background-color: $color-background-lightest;
+        border: 1px solid $color-border-darkest;
+    }
+
+    .field &
+    {
+        width: 100%;
+    }
+}
+
+select
+{
+    height: steps(3);
+    padding: steps(0.5) 0 steps(0.5) steps(1);
+
+    option
+    {
+        padding: 0 0 0 steps(1);
+    }
+
+}
+
+textarea
+{
+    height:  steps(10);
+    padding: steps(0.5) steps(1);
+}
+
+input.text
+{
+    height: steps(3);
+    padding: 0 steps(1);
+}
+
+
+.field
+{
+    padding: steps(0.5) 0;
+    float: left;
+    width: steps(36);
+    position: relative;
+    min-height: steps(7);
+    margin-left: steps(2);
+
+    &.has-error:not(.i18n),
+    &.i18n.has-error .localization.has-error
+    {
+        select,
+        textarea,
+        input.text,
+        .mceLayout
+        {
+             border: 1px solid $color-alert;
+        }
+    }
+
+    &.type-boolean .value
+    {
+        padding-top: steps(3);
+
+        label
+        {
+            margin-left: steps(1);
+        }
+    }
+
+    &.type-associated-set
+    {
+        width: auto;
+        margin-right: 0;
+
+        .type-associated-set-item
+        {
+            float: left;
+            width: steps(24);
+        }
+    }
+
+    &.type-richtext
+    {
+        width: steps(74);
+    }
+
+
+    &.type-richtext,
+    &.type-textarea
+    {
+        float: none;
+        clear: both;
+    }
+
+
+    .label-wrap
+    {
+        padding: steps(0.5) 0;
+
+        .description
+        {
+            @include font-size-smaller;
+        }
+    }
+
+    .value
+    {
+        position: relative;
+
+        .error-box
+        {
+            position: absolute;
+            right:  steps(0.5);
+            bottom: steps(-2);
+            color: $color-alert;
+
+            @include font-size-smaller;
+            font-style: italic;
+        }
+    }
+
+}
+
+
+section.nested
+{
+    // :TODO: figure out a way to avoid having to re-specify explicit widths for nested fields
+    .field
+    {
+        width: steps(33);
+
+        &.type-richtext
+        {
+            width: steps(68);
+        }
+    }
+
+    section.nested .field
+    {
+        width: steps(30);
+        &.type-richtext
+        {
+            width: steps(62);
+        }
+    }
+}
+
+
+
+.ui-widget
+{
+    @include reset-font;
+    @include pop-up-shadow;
+
+    padding: 0;
+    border: 0;
+    width: auto;
+    background-color: $color-background-lightest;
+
+    button, select
+    {
+        @include reset-font;
+        @include font-size-normal;
+    }
+
+    .ui-corner-all
+    {
+        border-radius: 0;
+    }
+
+    .ui-widget-header
+    {
+        @include section-header;
+
+        .next, .previous
+        {
+            position: absolute;
+        }
+        .next
+        {
+            right: 0;
+        }
+
+        .previous
+        {
+            left: 0;
+        }
+
+        .ui-datepicker-title select
+        {
+            width: auto;
+            margin: 0 2px;
+        }
+    }
+
+    .ui-datepicker-calendar
+    {
+        border-collapse: collapse;
+
+        td
+        {
+            border: 1px solid $color-border-normal;
+            text-align: center;
+            vertical-align: middle;
+            padding: steps(0.5);
+
+            a
+            {
+                display: inline;
+                color: $color-text-darkest;
+                border: 0;
+                text-decoration: none;
+                text-align: center;
+                @include font-size-normal;
+                font-weight: bold;
+                background: 0;
+                padding: 0;
+            }
+
+            &.ui-datepicker-current-day
+            {
+                background-color: $color-background-darker;
+            }
+
+            &:hover,
+            &.ui-datepicker-current-day:hover
+            {
+                background-color: $color-highlight-normal;
+                text-shadow: 0px -1px 1px $color-shadow-normal;
+
+                a
+                {
+                    color: $color-background-lightest;
+                }
+            }
+
+        }
+
+    }
+
+    thead
+    {
+        color: $color-text-lighter;
+        background-color: $color-background-normal;
+        border: 1px solid $color-border-light;
+
+        th
+        {
+            @include font-size-smaller;
+            text-transform: uppercase;
+            padding: 0;
+        }
+
+    }
+
+    .ui-timepicker-div
+    {
+        > dl
+        {
+            margin: steps(0.5) 0 0 0;
+        }
+
+        dt, dd
+        {
+            margin: 0 steps(0.5);
+        }
+
+        dt
+        {
+            display: inline-block;
+            @include font-size-smaller;
+            text-transform: uppercase;
+        }
+
+        dd
+        {
+            display: inline-block;
+            @include font-size-larger;
+        }
+
+        .ui_tpicker_time
+        {
+            margin-right: steps(0.5);
+            margin-left:  steps(0.5);
+        }
+
+    }
+
+}
+
+

data/app/assets/stylesheets/releaf/layout/fonts.scss

@@ -0,0 +1,16 @@
+// WOFF2 file is converted from WOFF file
+// and contains the full character set
+//
+// separate files for each character subset as provided by Google are not used
+// to avoid problems with extremely poor browser support of unicode-range
+
+@font-face
+{
+    font-family: Roboto;
+    src:    font-url('releaf/RobotoRegular_normal_400.woff2') format('woff2'),
+            font-url('releaf/RobotoRegular_normal_400.woff')  format('woff'),
+            font-url('releaf/RobotoRegular_normal_400.ttf')   format('truetype')
+    ;
+    font-weight: normal;
+    font-style:  normal;
+}

data/app/assets/stylesheets/releaf/layout/footer.scss

@@ -0,0 +1,80 @@
+// main page footer is the last footer element in the first section directly under main
+// it may be wrapped inside a form
+// so an extra class is needed
+
+footer.main
+{
+    position: fixed;
+    bottom: 0;
+    right:  0;
+    left:   0;
+    margin: 0 steps(3) 0px steps(20 + 3);
+    z-index: 10;
+    background: $color-background-lightest;
+
+    .side-compact &
+    {
+        margin-left: steps(4 + 3);
+    }
+
+    .tools
+    {
+        background: $color-background-normal;
+        color: $color-text-lighter;
+        border:       1px solid $color-border-dark;
+        border-width: 1px 1px 0 1px;
+        height:       steps(3) + 1px;
+
+        .button
+        {
+            margin-left:  steps(0.5);
+            margin-right: steps(0.5);
+        }
+
+        .button.secondary
+        {
+            border-left:  1px solid $color-border-dark;
+            border-right: 1px solid $color-border-dark;
+        }
+
+        > .primary,
+        > .secondary
+        {
+            position: relative;
+            z-index: 2;
+        }
+
+        > .primary
+        {
+            float: right;
+
+            .button:last-child
+            {
+                margin-right: 0;
+            }
+        }
+
+        > .secondary
+        {
+            float: left;
+
+            .button:first-child
+            {
+                margin-left: 0;
+                border-left: none;
+            }
+
+        }
+
+    }
+
+}
+
+
+
+
+
+
+
+
+

data/app/assets/stylesheets/releaf/layout/forms.scss

@@ -0,0 +1,23 @@
+form, fieldset
+{
+    display: block;
+    border:  0;
+    margin:  0;
+    padding: 0;
+}
+
+form fieldset
+{
+    padding: 0 0 steps(2) 0;
+    margin: steps(3);
+    clear: both;
+    @include clear-inside;
+}
+
+.form-error-box
+{
+    padding: steps(1) steps(2);
+    margin: 0;
+    color: $color-notification-error-text;
+    background-color: $color-notification-error-background;
+}