Outline sys mod icon

How to have the sys icon on evo template ?

There is commented lines in wall/template/base/ : But I tried to remove the comments, and it doesn't change.

   <!--
    TODO: Remove it if Andrew won't restore the Icons back.
    <div class="wall-oi-item-circle __mod_prefix__-wall-oi-item-circle bx-def-shadow">
        <i class="sys-icon __mod_icon__"></i>
    </div>
    --> 

Thanks in advance for help !

Ok. I removed the comments. And replace in outline.css :

div.wall-oi-item-circle {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 26px;
    height: 26px;

    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
   
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
       
    text-align: center;
    line-height: 29px;
    color: #999999;
}
div.wall-oi-item-circle i.sys-icon {
    vertical-align: middle;
    font-size: 16px;
}

There is no sys-icon for video  module. How to get it ?

Why video doesn't have sys_icon in outline ? How can I display it ?

Path: modules/boonex/videos/templates/base

Add code:

<div class="wall-oi-item-circle __mod_prefix__-wall-oi-item-circle bx-def-shadow">
                <i class="sys-icon __mod_icon__"></i>
            </div>

To: outline_item_image.html

      outline_item_image_grouped.html

What's a sys icon and what is it supposed to do?

More understandable information on activities. Video, photo, etc.

Thanks @kosis, but I can't see them anywhere on my site (evo) or the Dolphin Demo site. Do they do anything, otr do they just let people know the post is a photo or video?

Somehow I do recall seeing them in the past.

johnk42

This option was removed from previous Dolphin versions!
If you want to restore Outline icons, you need to do the following:

1) Add the code - before last </ div>:

<div class="wall-oi-item-circle __mod_prefix__-wall-oi-item-circle bx-def-shadow">
    <i class="sys-icon __mod_icon__"></i>
</div>

For each file: outline_item_image.html

                      outline_item_image_grouped.html

                      outline_item_text.html

                      outline_item_text_grouped.html

File path: modules/boonex/wall/templates/base

2) Edit: outline.css / Line ~ 33

    Delete line - which hides your icons: display: none;

 
    File path: modules/boonex/wall/templates/base/css

--------------------------------------------------------------------------------------------

Abaut video icon was written in a previous post!

That's all :)

That doesn't quite answer my question @kosis. What do the icons actually do? As far as I can see they just tell a person that a photo is a photo and a video is a video.

Thanks for going to the trouble of preparing the tutorial because I'm sure there are people who will love to see them back again.

I'm thinking about it.

johnk42

When you look at the Outline, you understand what has been added (see attached photo)? I do not! It's some kind of porridge. Icons directly informs about what's been added ... audio, video, photos, news, blogs ...