Commit e9fafd5d authored by Joel Collins's avatar Joel Collins
Browse files

Replaced all UIKit icons with MD icons

parent d56a8e36

src/assets/less/theme.less

+28 −4
Original line number Diff line number Diff line
@@ -198,25 +198,45 @@ 
/*

 * Modal

 */

.uk-modal-dialog {

.uk-modal-dialoge {

    border-radius: @paper-border-radius;

    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);

    transition: 0.3s ease !important;

}



/*

 * Notifications

 */

.uk-notification-message {

    border-radius: @paper-border-radius;

    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);

}



.uk-notification-message-danger {

    border: 1px solid @notification-message-danger-color

}



.uk-notification-message-warning {

    border: 1px solid @notification-message-warning-color

}



.uk-notification-message-success {

    border: 1px solid @notification-message-success-color

}



/*

 * Links

 */

.uk-link {

.uk-link, .uk-button-link {

    color: @global-muted-color;

}



.uk-link:hover, a:hover {

.uk-link:hover, .uk-button-link:hover, a:hover {

    color: @global-primary-background;

}



.hook-inverse() {

    .uk-link:hover, a:hover {

    .uk-link:hover, .uk-button-link:hover, a:hover {

        color: @inverse-primary-muted-color;

    }

}
@@ -246,3 +266,7 @@ 
        color: #fff;

    }

}



.uk-icon-button, .uk-icon-button:hover {

    text-decoration: none

}
 
 No newline at end of file

src/components/controlComponents/paneCapture.vue

+20 −11
Original line number Diff line number Diff line
@@ -43,18 +43,20 @@ 
        <div class="uk-accordion-content">



          <form @submit.prevent="handleMetadataSubmit">

            <div class="uk-margin-small uk-grid-small" uk-grid>

              <div class="uk-margin-remove-top uk-width-2-5"><input v-model="newMetadata.key" class="uk-input uk-form-width-small uk-form-small" type="text" name="flavor" placeholder="Key"></div>

              <div class="uk-margin-remove-top uk-width-2-5"><input v-model="newMetadata.value" class="uk-input uk-form-width-small uk-form-small" type="text" name="flavor" placeholder="Value"></div>

              <div class="uk-margin-remove-top uk-width-1-5"><button class="uk-button uk-button-default uk-form-small uk-float-right" uk-icon="plus"></button></div>

            <div class="uk-margin-remove uk-flex uk-flex-middle">

              <div class="uk-margin-remove-top uk-padding-remove uk-grid-small uk-width-expand" uk-grid>

                <div class="uk-margin-remove uk-width-1-2"><input v-model="newMetadata.key" class="uk-input uk-form-width-small uk-form-small" type="text" name="flavor" placeholder="Key"></div>

                <div class="uk-margin-remove uk-width-1-2"><input v-model="newMetadata.value" class="uk-input uk-form-width-small uk-form-small" type="text" name="flavor" placeholder="Value"></div>

              </div>

              

              <a href="#" v-on:click="handleMetadataSubmit()" class="uk-icon uk-margin-left"><i class="material-icons">add_circle</i></a>



            </div>

          </form>



          <div v-for="(value, key) in customMetadata" :key="key" class="uk-width-1-1 uk-margin-small uk-margin-remove-left uk-margin-remove-right" uk-grid>

          <div v-for="(value, key) in customMetadata" :key="key" class="uk-width-1-1 uk-margin-small uk-margin-remove-left uk-margin-remove-right uk-flex uk-flex-middle">

            <div class="uk-margin-remove-top uk-padding-remove uk-width-expand"><b>{{ key }}: </b>{{ value }}</div>

            <div class="uk-margin-remove-top uk-padding-remove uk-width-auto">

              <a href="#" v-on:click="delMetadataKey(key)" class="uk-icon-link" uk-icon="trash"></a>

            </div>

            <a href="#" v-on:click="delMetadataKey(key)" class="uk-icon uk-width-auto"><i class="material-icons">delete</i></a>

          </div>



        </div>
@@ -65,9 +67,16 @@ 
        <div class="uk-accordion-content">



          <form @submit.prevent="handleTagSubmit">

            <div class="uk-margin-small uk-grid-small" uk-grid>

              <div class="uk-margin-remove-top uk-width-4-5"><input v-model="newTag" class="uk-input uk-form-width-small uk-form-small" type="text" name="flavor" placeholder="Tag"></div>

              <div class="uk-margin-remove-top uk-width-1-5"><button class="uk-button uk-button-default uk-form-small uk-float-right" uk-icon="plus"></button></div>

            <div class="uk-margin-small uk-flex uk-flex-middle">



              <div class="uk-margin-remove-top uk-width-expand">

                <div class="uk-inline uk-width-1-1">

                  <span class="uk-form-icon"><i class="material-icons">label</i></span>

                  <input v-model="newTag" class="uk-input uk-form-small" type="text" name="flavor" placeholder="Tag">

                </div>

              </div>



              <a href="#" v-on:click="handleTagSubmit()" class="uk-icon uk-margin-left"><i class="material-icons">add_circle</i></a>

            </div>

          </form>

src/components/controlComponents/paneConnect.vue

+4 −4
Original line number Diff line number Diff line
@@ -10,7 +10,7 @@ 


      <div v-if="!localMode">

        <div class="uk-inline uk-width-1-1">

          <span class="uk-form-icon" uk-icon="icon: server"></span>

          <span class="uk-form-icon"><i class="material-icons">dns</i></span>

          <input v-model="hostname" v-bind:class="IpFormClasses" class="uk-input uk-form-small" type="text" placeholder="Hostname or IP address">

        </div>

      </div>
@@ -44,9 +44,9 @@ 
          <a class="uk-accordion-title" href="#">Saved hosts</a>

          <div class="uk-accordion-content">

            <button v-if="$store.getters.ready" v-on:click="saveHost()" class="uk-button uk-button-default uk-form-small uk-margin-small uk-width-1-1">Save Current</button>

            <div v-for="host in savedHosts" :key="host.name" class="uk-margin-small uk-margin-remove-left uk-margin-remove-right uk-grid">

              <a href="#" v-on:click="autofillHost(host)" class="uk-icon-link uk-padding-remove uk-width-expand host-description"><b>{{ host.name }}</b> ({{ host.hostname }}:{{ host.port }})</a> 

              <a href="#" v-on:click="delSavedHost(host)" class="uk-icon-link uk-width-auto host-delete" uk-icon="trash"></a> 

            <div v-for="host in savedHosts" :key="host.name" class="uk-margin-small uk-margin-remove-left uk-margin-remove-right uk-flex uk-flex-middle">

              <a href="#" v-on:click="autofillHost(host)" class="uk-link uk-padding-remove uk-width-expand host-description"><b>{{ host.name }}</b> ({{ host.hostname }}:{{ host.port }})</a> 

              <a href="#" v-on:click="delSavedHost(host)" class="uk-icon uk-width-auto host-delete"><i class="material-icons">delete</i></a> 

            </div>

          </div>

        </li>

src/components/pluginComponents/formComponents/JsonForm.vue

+2 −2
Original line number Diff line number Diff line
@@ -3,7 +3,7 @@ 


    <div class="uk-flex">

      <div class="uk-text-bold uk-text-uppercase uk-width-expand">{{ name }}</div>

      <a href="#" v-if="selfUpdate" v-on:click="getFormData()" class="uk-icon-link uk-width-auto" uk-icon="refresh"></a>

      <a href="#" v-if="selfUpdate" v-on:click="getFormData()" class="uk-icon uk-width-auto"><i class="material-icons">cached</i></a>

    </div>



    <form @submit.prevent="submitForm" class="uk-form-stacked">
@@ -26,7 +26,7 @@ 
        </component>

      </div>



      <div class="uk-text-center uk-container" v-if="taskRunning">

      <div class="uk-text-center uk-container uk-margin-small" v-if="taskRunning">

        <div class="center-spinner" uk-spinner></div>

      </div>

src/components/viewComponents/galleryComponents/captureCard.vue

+4 −2
Original line number Diff line number Diff line
@@ -13,7 +13,9 @@ 
      <div class="uk-width-1-1 uk-margin-small uk-margin-remove-left uk-margin-remove-right" uk-grid>

        <div class="uk-margin-remove-top uk-padding-remove uk-width-expand">{{ metadata.filename }}</div>

        <div class="uk-margin-remove-top uk-padding-remove uk-width-auto">

          <a href="#" v-on:click="delCaptureConfirm()" class="uk-icon-link" uk-icon="trash"></a>

          <a href="#" v-on:click="delCaptureConfirm()" class="uk-icon">

            <i class="material-icons">delete</i>

          </a>

        </div>

      </div>
@@ -59,7 +61,7 @@ 
      <form class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical" v-bind:class="{ 'uk-light uk-background-secondary': $store.state.globalSettings.darkMode }" @submit.prevent="handleTagSubmit">



          <div class="uk-inline">

            <span class="uk-form-icon" uk-icon="icon: tag"></span>

            <span class="uk-form-icon"><i class="material-icons">label</i></span>

            <input v-model="newtag" class="uk-input uk-form-width-medium uk-form-small" type="text" name="tagname" placeholder="tag">



            <button class="uk-button uk-button-default uk-margin-left uk-form-small uk-modal-close" type="button">Cancel</button>