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 !

Quote · 30 Nov 2015

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 ?

Quote · 30 Nov 2015

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

Quote · 1 Dec 2015

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

Quote · 11d ago

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

Quote · 11d ago

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


outline_icons.jpg · 248.9K · 10 views
Quote · 11d ago

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.

Quote · 10d ago

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;

 

div.wall-oi-item-circle {
    position: absolute;
    display: none;

top: 20px;
left: -2px;
width: 32px;
height: 32px;

border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
    
background-color: rgba(255, 255, 255, 0.9);
 
text-align: center;
line-height: 32px;
color: #999999;
}

 

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


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


Abaut video icon was written in a previous post!



That's all :)

Quote · 9d ago

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.

Quote · 9d ago

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 ...

Outline1.jpg · 136.2K · 8 views
Outline2.jpg · 164K · 8 views
Quote · 9d ago