metadata-editor-workspace/src/app/toolbar/toolbar.component.html

Metadata Editor Workspace module for ME-Core Powered by Assyst

<style>
    .me-toolbar-container {
        float: left;
        width: 100%;
    }

    .me-toolbar-container button {
        height: 26px;
        width: 40px;
        background-repeat: no-repeat;
        border: 0px none;
        background-position-x: 7px;
        float: left;
        border-right: 1px solid #fff;
        border-left: 1px solid #ccc;
        cursor: pointer;
        outline: none;
    }

    .me-toolbar-container button:first-child {
         border-left: 0px none;
    }

    .me-toolbar-container button:last-child {
         border-right: 0px none;
    }


    .me-toolbar-sub1 {
        float: left;
        padding: 10px;        
    }


    .btn-toolbar-new {
        background: url('./assets/icon/icons/Icon_File_grey.png')
    }



    .btn-toolbar-open {
        background: url('./assets/icon/icons/Icon_Folder_grey.png')
    }



    .btn-toolbar-save {
        background: url('./assets/icon/icons/Icon_Paste_blue.png')
    }



    .btn-toolbar-template {
        background: url('./assets/icon/icons/Icon_Text_grey.png')
    }
</style>

<div class="me-toolbar-container">
    <div class="me-toolbar-sub1">
        <button class="btn-toolbar-new" disabled></button>
        <button class="btn-toolbar-open" disabled></button>
        <button class="btn-toolbar-save" title="Save" (click)="saveProject($event)"></button>
        <button class="btn-toolbar-template" disabled></button>
    </div>
</div>