lesli_view 1.1.2 → 1.1.4

data/lib/lesli_view/components/timeline.scss

@@ -1,216 +0,0 @@
-
-.lesli-timelines {
-
-    .lesli-timeline {
-        line-height: 1.4em;
-        list-style: none;
-        margin: 0;
-        padding: 0;
-        width: 100%;
-    }
-
-    /*----- TIMELINE ITEM -----*/
-    .lesli-timeline-item {
-        padding-left: 40px;
-        position: relative;
-    }
-    .lesli-timeline-item:last-child {
-        padding-bottom: 0;
-    }
-
-    /*----- TIMELINE INFO -----*/
-    .lesli-timeline-info {
-        font-size: 12px;
-        font-weight: 700;
-        letter-spacing: 3px;
-        margin: 0 0 0.5em 0;
-        text-transform: uppercase;
-        white-space: nowrap;
-    }
-
-    /*----- TIMELINE MARKER -----*/
-    .lesli-timeline-marker {
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        width: 15px;
-    }
-
-    .lesli-timeline-marker:before2 {
-        background: #ff6b6b;
-        border: 3px solid transparent;
-        border-radius: 100%;
-        content: "";
-        display: block;
-        height: 15px;
-        position: absolute;
-        top: 4px;
-        left: 0;
-        width: 15px;
-        transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
-    }
-
-    .lesli-timeline-marker:after {
-        content: "";
-        width: 2px;
-        background: #ccd5db;
-        display: block;
-        position: absolute;
-        top: 24px;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        margin-left: auto;
-        margin-right: auto;
-    }
-
-    .lesli-timeline-item:last-child .lesli-timeline-marker:after {
-        content: none;
-    }
-
-    .lesli-timeline-item:not(.period):hover .lesli-timeline-marker:before {
-        background: transparent;
-        border: 3px solid #ff6b6b;
-    }
-
-    /*----- TIMELINE CONTENT -----*/
-    .lesli-timeline-content {
-    padding-bottom: 40px;
-    }
-    .lesli-timeline-content p:last-child {
-    margin-bottom: 0;
-    }
-
-    /*----- TIMELINE PERIOD -----*/
-    .period {
-    padding: 0;
-    }
-    .period .lesli-timeline-info {
-    display: none;
-    }
-    .period .lesli-timeline-marker:before {
-    background: transparent;
-    content: "";
-    width: 15px;
-    height: auto;
-    border: none;
-    border-radius: 0;
-    top: 0;
-    bottom: 30px;
-    position: absolute;
-    border-top: 3px solid #ccd5db;
-    border-bottom: 3px solid #ccd5db;
-    }
-    .period .lesli-timeline-marker:after {
-    content: "";
-    height: 32px;
-    top: auto;
-    }
-    .period .lesli-timeline-content {
-    padding: 40px 0 70px;
-    }
-    .period .timeline-title {
-    margin: 0;
-    }
-
-    /*----------------------------------------------
-    MOD: TIMELINE SPLIT
-    ----------------------------------------------*/
-    @media (min-width: 768px) {
-    .lesli-timeline-split .timeline, .timeline-centered .lesli-timeline {
-    display: table;
-    }
-    .lesli-timeline-split .lesli-timeline-item, .timeline-centered .lesli-timeline-item {
-    display: table-row;
-    padding: 0;
-    }
-    .lesli-timeline-split .lesli-timeline-info, .timeline-centered .lesli-timeline-info,
-    .lesli-timeline-split .lesli-timeline-marker,
-    .timeline-centered .lesli-timeline-marker,
-    .lesli-timeline-split .lesli-timeline-content,
-    .timeline-centered .lesli-timeline-content,
-    .lesli-timeline-split .period .lesli-timeline-info {
-    display: table-cell;
-    vertical-align: top;
-    }
-    .lesli-timeline-split .lesli-timeline-marker, .timeline-centered .lesli-timeline-marker {
-    position: relative;
-    }
-    .lesli-timeline-split .lesli-timeline-content, .timeline-centered .lesli-timeline-content {
-    padding-left: 30px;
-    }
-    .lesli-timeline-split .lesli-timeline-info, .timeline-centered .lesli-timeline-info {
-    padding-right: 30px;
-    }
-    .lesli-timeline-split .period .timeline-title, .timeline-centered .period .timeline-title {
-    position: relative;
-    left: -45px;
-    }
-    }
-
-    /*----------------------------------------------
-    MOD: TIMELINE CENTERED
-    ----------------------------------------------*/
-    @media (min-width: 992px) {
-    .timeline-centered,
-    .timeline-centered .lesli-timeline-item,
-    .timeline-centered .lesli-timeline-info,
-    .timeline-centered .lesli-timeline-marker,
-    .timeline-centered .lesli-timeline-content {
-    display: block;
-    margin: 0;
-    padding: 0;
-    }
-    .timeline-centered .lesli-timeline-item {
-    padding-bottom: 40px;
-    overflow: hidden;
-    }
-    .timeline-centered .lesli-timeline-marker {
-    position: absolute;
-    left: 50%;
-    margin-left: -7.5px;
-    }
-    .timeline-centered .lesli-timeline-info,
-    .timeline-centered .lesli-timeline-content {
-    width: 50%;
-    }
-    .timeline-centered > .lesli-timeline-item:nth-child(odd) .lesli-timeline-info {
-    float: left;
-    text-align: right;
-    padding-right: 30px;
-    }
-    .timeline-centered > .lesli-timeline-item:nth-child(odd) .lesli-timeline-content {
-    float: right;
-    text-align: left;
-    padding-left: 30px;
-    }
-    .timeline-centered > .lesli-timeline-item:nth-child(even) .lesli-timeline-info {
-    float: right;
-    text-align: left;
-    padding-left: 30px;
-    }
-    .timeline-centered > .lesli-timeline-item:nth-child(even) .lesli-timeline-content {
-    float: left;
-    text-align: right;
-    padding-right: 30px;
-    }
-    .timeline-centered > .lesli-timeline-item.period .lesli-timeline-content {
-    float: none;
-    padding: 0;
-    width: 100%;
-    text-align: center;
-    }
-    .timeline-centered .lesli-timeline-item.period {
-    padding: 50px 0 90px;
-    }
-    .timeline-centered .period .lesli-timeline-marker:after {
-    height: 30px;
-    bottom: 0;
-    top: auto;
-    }
-    .timeline-centered .period .timeline-title {
-    left: auto;
-    }
-    }
-}

data/lib/lesli_view/components/toolbar.scss

@@ -1,54 +0,0 @@
-/*
-
-Lesli
-
-Copyright (c) 2023, Lesli Technologies, S. A.
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program. If not, see http://www.gnu.org/licenses/.
-
-Lesli · Ruby on Rails SaaS development platform.
-
-Made with ♥ by https://www.lesli.tech
-Building a better future, one line of code at a time.
-
-@contact  hello@lesli.tech
-@website  https://www.lesli.tech
-@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// ·  
-*/
-
-
-// ·  
-//@import "../../scss/component";
-
-
-// · 
-.lesli-toolbar {
-
-    // General styles
-    input,
-    .select select {
-        border-radius: 6px;
-        border: 1px solid lesli-css-color(silver);
-    }
-
-    // search input
-    input::placeholder {
-        color: lesli-css-color(silver, 500);
-        opacity: 1;
-    }
-
-}

data/lib/lesli_view/elements/avatar.scss

@@ -1,50 +0,0 @@
-/*
-
-Lesli
-
-Copyright (c) 2023, Lesli Technologies, S. A.
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program. If not, see http://www.gnu.org/licenses/.
-
-Lesli · Ruby on Rails SaaS development platform.
-
-Made with ♥ by https://www.lesli.tech
-Building a better future, one line of code at a time.
-
-@contact  hello@lesli.tech
-@website  https://www.lesli.tech
-@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// ·  
-*/
-
-.lesli-element-avatar {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 50%;
-    background-color: lesli-css-color(silver, 100);
-
-    & > img {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-        border-radius: 50%;
-    }
-
-    & > span {
-        color: lesli-css-color(silver, 700);
-    }
-}

data/lib/lesli_view/elements/table.scss

@@ -1,153 +0,0 @@
-/*
-
-Lesli
-
-Copyright (c) 2023, Lesli Technologies, S. A.
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program. If not, see http://www.gnu.org/licenses/.
-
-Lesli · Ruby on Rails SaaS development platform.
-
-Made with ♥ by https://www.lesli.tech
-Building a better future, one line of code at a time.
-
-@contact  hello@lesli.tech
-@website  https://www.lesli.tech
-@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// ·  
-*/
-
-
-// ·  
-@use "lesli-css" as lesli;
-
-
-// · 
-table.lesli-table {
-    display: table;
-    @include lesli.lesli-shadow();
-
-    // standard padding
-    // normally used in tables for index views
-    --table-cell-padding: 1rem;
-
-    // narrow padding
-    // normally used in panels or components where the table is secondary
-    &.is-narrow {
-        --table-cell-padding: 0.25em 0.5em;
-    }
-
-    thead {
-        border-radius: 10px 10px 0 0;
-        background-color: #E2E6F6;
-
-        th {
-            border: none;
-            font-weight: 700;
-            vertical-align: middle;
-        }
-
-        // keep text and icons in the same line
-        .icon-text {
-            flex-wrap: nowrap;
-            span {
-                white-space: nowrap;
-            }
-            &:hover {
-                cursor: pointer;
-            }
-        }
-    }
-
-    tbody {
-
-        tr.is-danger {
-            --bulma-table-cell-background-color: var(--bulma-danger-90);
-        }
-
-        tr.is-warning {
-            --bulma-table-cell-background-color: var(--bulma-warning-90);
-        }
-
-        tr.is-info {
-            --bulma-table-cell-background-color: var(--bulma-info-90);
-        }
-
-        // default styles for cell containers
-        td {
-            vertical-align: middle;
-
-            // if cell has a child link, remove padding 
-            // due <a> will include the corresponding padding
-            // currently only supported by webkit, bug this is part
-            // of the standard so other engines will support soon
-            // ** currently not supported by firefox **
-            &:has(a) {
-                padding: 0 !important;
-
-                // apply styles only to direct anchor elements 
-                & > a {
-                    display: block;
-                    padding: var(--table-cell-padding);
-                }
-            }
-        }
-    }
-
-    // icon to show detail row if detail slot is provided
-    td.detail-row {
-        width: 40px;
-    }
-
-    td.options {
-        .dropdown {
-            .button {
-                background-color: transparent;
-                border: none;
-            }
-            .dropdown-content {
-                padding: 0;
-            }
-            .dropdown-item {
-                display: flex;
-                padding: .8rem;
-                .material-symbols {
-                    margin-right: 8px;
-                }
-            }
-        }
-    }
-}
-
-
-@include lesli.lesli-breakpoint-until-tablet {
-    .lesli-table-container {
-        overflow: auto;
-        overflow-y: auto;
-        overflow-y: hidden;
-        max-width: 100%;
-        margin-bottom: .8rem;
-    }    
-}
-
-/*
-td:has(~ td:hover), / * previous sibling cells * /
-table:has(td:nth-of-type(3):hover) / * column cells * /
-tr:not(:first-of-type):has(~ tr:hover)
-td:nth-of-type(3) {
-  background: silver !important;
-}
-*/

data/lib/lesli_view/items/activities.scss

@@ -1,39 +0,0 @@
-/*
-
-Lesli
-
-Copyright (c) 2025, Lesli Technologies, S. A.
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program. If not, see http://www.gnu.org/licenses/.
-
-Lesli · Ruby on Rails SaaS Development Framework.
-
-Made with ♥ by LesliTech
-Building a better future, one line of code at a time.
-
-@contact  hello@lesli.tech
-@website  https://www.lesli.tech
-@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-@use "lesli-css" as lesli;
-
-
-.lesli-items-activities {
-    background-color: white;
-    padding: 2rem;
-}

data/lib/lesli_view/items/discussions.scss

@@ -1,47 +0,0 @@
-/*
-
-Lesli
-
-Copyright (c) 2025, Lesli Technologies, S. A.
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program. If not, see http://www.gnu.org/licenses/.
-
-Lesli · Ruby on Rails SaaS Development Framework.
-
-Made with ♥ by LesliTech
-Building a better future, one line of code at a time.
-
-@contact  hello@lesli.tech
-@website  https://www.lesli.tech
-@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-@use "lesli-css" as lesli;
-
-
-.lesli-items-discussions {
-    background-color: white;
-    padding: 2rem;
-
-    &-form {
-        padding: 1rem;
-    }
-
-    &-comments {
-        padding: 1rem;
-    }
-}