Divider: Divider line doesn't show

[choff5507]

Describe the bug

Currently using the Poseidon theme but I am not sure this is the issue. I have tried on both 3.36 and 3.37 and
<Divider />
does not actually produce the divider. If I add text to it via props the text will show up but the line is does not.

I can notice some spacing differences when I add it so Im assuming it's being added to the DOM but not actually visible.

Using Poseidon v3 template. Could not reproduce in the sandbox so perhaps it's theme related.

Reproducer

NA

PrimeVue version

3.37.0

Vue version

3.x

Language

ALL

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

Use Poseidon v3 theme. Could be present in Sakai or other but I am noticing this behavior in Poseidon v3. Add Divider to a template but the line does not show.

Coul

Expected behavior

Divider line should show but does not.

[tugcekucukoglu]

PrimeVue uses @layer css since version 3.35.0. For this reason with the latest PrimeVue version, some changes will need to be made.

src/sass/theme/designer/_component.scss:

@import '_mixins';
@import '_colors';

@import './components/input/_editor';

@layer primevue {
    @import '_common';

    //Input
    @import './components/input/_autocomplete';
    @import './components/input/_calendar';
    @import './components/input/_cascadeselect';
    @import './components/input/_checkbox';
    @import './components/input/_chips';
    @import './components/input/_colorpicker';
    @import './components/input/_dropdown';
    @import './components/input/_inputgroup';
    @import './components/input/_inputnumber';
    @import './components/input/_inputswitch';
    @import './components/input/_inputtext';
    @import './components/input/_listbox';
    @import './components/input/_multiselect';
    @import './components/input/_password';
    @import './components/input/_radiobutton';
    @import './components/input/_rating';
    @import './components/input/_selectbutton';
    @import './components/input/_slider';
    @import './components/input/_treeselect';
    @import './components/input/_togglebutton';

    //Button
    @import './components/button/_button';
    @import './components/button/_speeddial';
    @import './components/button/_splitbutton';

    //Data
    @import './components/data/_carousel';
    @import './components/data/_datatable';
    @import './components/data/_dataview';
    @import './components/data/_filter';
    @import './components/data/_orderlist';
    @import './components/data/_organizationchart';
    @import './components/data/_paginator';
    @import './components/data/_picklist';
    @import './components/data/_timeline';
    @import './components/data/_tree';
    @import './components/data/_treetable';

    //Panel
    @import './components/panel/_accordion';
    @import './components/panel/_card';
    @import './components/panel/_fieldset';
    @import './components/panel/_divider';
    @import './components/panel/_panel';
    @import './components/panel/_scrollpanel';
    @import './components/panel/_splitter';
    @import './components/panel/_tabview';
    @import './components/panel/_toolbar';

    //Overlay
    @import './components/overlay/_confirmpopup';
    @import './components/overlay/_dialog';
    @import './components/overlay/_overlaypanel';
    @import './components/overlay/_sidebar';
    @import './components/overlay/_tooltip';

    //File
    @import './components/file/_fileupload';

    //Menu
    @import './components/menu/_breadcrumb';
    @import './components/menu/_contextmenu';
    @import './components/menu/_dock';
    @import './components/menu/_megamenu';
    @import './components/menu/_menu';
    @import './components/menu/_menubar';
    @import './components/menu/_panelmenu';
    @import './components/menu/_steps';
    @import './components/menu/_tabmenu';
    @import './components/menu/_tieredmenu';

    //Messages
    @import './components/messages/_inlinemessage';
    @import './components/messages/_message';
    @import 'components/messages/toast';

    //MultiMedia
    @import './components/multimedia/_galleria';
    @import './components/multimedia/_image';

    //Misc
    @import './components/misc/_avatar';
    @import './components/misc/_badge';
    @import './components/misc/_blockui';
    @import './components/misc/_chip';
    @import './components/misc/_inplace';
    @import './components/misc/_progressbar';
    @import './components/misc/_progressspinner';
    @import './components/misc/_scrolltop';
    @import './components/misc/_skeleton';
    @import './components/misc/_tag';
    @import './components/misc/_terminal';
}

If you have any other questions about Poseidon, I can get back to you faster if you open a new topic on this page https://github.com/orgs/primefaces/discussions/categories/primevue-templates.