diff --git a/core/client/assets/sass/layouts/plugins.scss b/core/client/assets/sass/layouts/plugins.scss deleted file mode 100644 index f3ff6151ab..0000000000 --- a/core/client/assets/sass/layouts/plugins.scss +++ /dev/null @@ -1,181 +0,0 @@ -/* ============================================================================= - Plugins - ============================================================================= */ - -.settings { - - .plugin-section { - padding-bottom: 20px; - } - - .plugin-section-header { - h3 { - margin: 15px 0; - font-size: 1.1em; - font-weight: normal; - color: $brown; - } - } - - .plugin-section-footer { - text-align: right; - } - - .button-update-all { - @include icon($i-lightning, 1em, #FFC125) { - margin-right: 5px; - }; - } - - .button-cancel { - @include icon($i-x, 1em, #fff) { - margin-right: 5px; - }; - } - - .plugin-section-table { - margin-top: 5px; - - tbody > tr:nth-child(odd) > td { - background: none; - } - - .plugin-section-item { - - &.inactive { - .plugin-meta { - opacity: 0.4; - } - - td:last-child { - .plugin-meta { - opacity: 1; - } - } - } - - td { - padding: 20px 0; - border-bottom:$lightbrown 1px solid; - - &:first-child { - padding-left: 0px; - border-top:$lightbrown 1px solid; - - .plugin-meta { - padding: 0px; - width: 75%; - border-left: none; - text-align: left; - } - } - - &:last-child { - .plugin-meta { - padding: 0px; - text-align: right; - } - } - } - } - - .plugin-icon { - display: inline-block; - width: 40px; - height: 40px; - margin-right: 15px; - background: #FFC125; - border-radius: 5px; - vertical-align: middle; - - img { - width: 100%; - } - } - - .plugin-meta { - @include box-sizing(border-box); - display: inline-block; - width: 100%; - height: 100%; - padding: 0 20px; - vertical-align: middle; - border-left: $lightbrown 1px solid; - text-align: center; - } - - .plugin-info { - display: block; - color: lighten($grey, 5%); - font-size: 1.2em; - font-weight: normal; - vertical-align: top; - } - - .plugin-title { - color: $grey; - } - - .plugin-sub-info { - display: block; - color: $midgrey; - } - - .plugin-download-progress { - position: relative; - display: block; - height: 6px; - margin-top: 10px; - background: $lightbrown; - border-radius: 3px; - - > span { - position: absolute; - left: 0; - top: 0; - content: ""; - height: 100%; - background-color: $blue; - border-radius: 3px; - } - } - - .rating { - - unicode-bidi: bidi-override; - text-align: center; - - > span { - display: inline-block; - position: relative; - width: 1.1em; - height: 1.1em; - font-size: 0.8em; - - &:before { - content: "\2605"; - position: absolute; - left: 0; - opacity: 0.5; - } - - &.active { - &:before { - content: "\2605"; - opacity: 1; - } - } - } - - } - - .plugin-settings-icon { - display: block; - margin-top: 9px; - font-size: 1.4em; - @include icon($i-settings, 1em, $grey); - } - - } //.plugin-section-table - -} //.settings \ No newline at end of file diff --git a/core/client/assets/sass/layouts/settings.scss b/core/client/assets/sass/layouts/settings.scss index 30f235d51a..f61d6257c5 100644 --- a/core/client/assets/sass/layouts/settings.scss +++ b/core/client/assets/sass/layouts/settings.scss @@ -162,7 +162,7 @@ .services a { @include icon($i-services) } .users a { @include icon($i-users) } .appearance a { @include icon($i-appearance) } - .plugins a { @include icon($i-plugins) } + .apps a { @include icon($i-app) } }//.settings-menu diff --git a/core/client/assets/sass/modules/icons.scss b/core/client/assets/sass/modules/icons.scss index 576b3bc43a..a35639fb38 100644 --- a/core/client/assets/sass/modules/icons.scss +++ b/core/client/assets/sass/modules/icons.scss @@ -3,7 +3,7 @@ * They are embedded via a custom icon font built with http://icomoon.io * * Table of Contents: - * + * * Font Face * Icon Element * Icon Variables / Short Names @@ -15,7 +15,7 @@ The Font Face ============================================================================= */ -// Generated by icomoon.co +// Generated by icomoon.co @font-face { font-family: 'Icons'; src:url('../fonts/icons.eot'); @@ -43,7 +43,7 @@ speak: none; line-height: 1; -webkit-font-smoothing: antialiased; - + //Function content: '#{$char}'; @if $size != '' { @@ -98,17 +98,17 @@ Icon Variables / Short Names ============================================================================= */ -/* +/* * For accessibility, icon characters in the icon font are stored in Unicode's * Private Use Area characters. This means that screen readers won't attempt to * read them out loud. For code maintainability, we then store these Unicode * references inside Sass variables. */ -// Placeholder +// Placeholder $i: \e018; -// Icons +// Icons $i-ghost: \e000; $i-chevron-down: \e001; $i-users: \e002; @@ -120,7 +120,7 @@ $i-search: \e007; $i-search-left: \e008; $i-rss: \e009; $i-preview: \e00a; -$i-plugins: \e00b; +$i-app: \e00b; $i-pin: \e00c; $i-pc: \e00d; $i-pacman: \e00e; @@ -175,7 +175,7 @@ $i-lightning: \e03d; /* ============================================================================= Usage - ============================================================================= + ============================================================================= To create a button with a label that is prefixed with a camera icon, we might write our Sass something like this: @@ -209,4 +209,4 @@ This would then output full CSS something like this: -webkit-font-smoothing: antialiased; } -*/ \ No newline at end of file +*/