diff --git a/app/assets/javascripts/discourse/templates/user/notifications.hbs b/app/assets/javascripts/discourse/templates/user/notifications.hbs index 19e549d6c16..d8e07cbe8d7 100644 --- a/app/assets/javascripts/discourse/templates/user/notifications.hbs +++ b/app/assets/javascripts/discourse/templates/user/notifications.hbs @@ -5,8 +5,7 @@
  • {{#link-to 'userNotifications.responses'}} - {{d-icon "reply" class="glyph"}} - {{i18n 'user_action_groups.6'}} + {{d-icon "reply" class="glyph"}}{{i18n 'user_action_groups.6'}} {{/link-to}}
  • diff --git a/app/assets/stylesheets/common/admin/admin_base.scss b/app/assets/stylesheets/common/admin/admin_base.scss index 569d2d08905..0edf8af7764 100644 --- a/app/assets/stylesheets/common/admin/admin_base.scss +++ b/app/assets/stylesheets/common/admin/admin_base.scss @@ -36,8 +36,8 @@ $mobile-breakpoint: 700px; tr {text-align: left;} td, th {padding: 8px;} td { - border-bottom: 1px solid $primary-low; - border-top: 1px solid $primary-low; + border-bottom: 1px solid $primary-low; + border-top: 1px solid $primary-low; } th { text-align: left; @@ -94,7 +94,7 @@ td.flaggers td { .site-text { cursor: pointer; - border-bottom: 1px solid $primary-low; + border-bottom: 1px solid $primary-low; margin-bottom: 0.5em; &.overridden { @@ -112,7 +112,7 @@ td.flaggers td { .site-text-value { margin: 0.5em 5em 0.5em 0; max-height: 100px; - color: $primary-medium; + color: $primary-medium; } } @@ -136,7 +136,7 @@ td.flaggers td { font-size: 0.857em; float: right; margin-right: 10px; - background-color: $primary-low; + background-color: $primary-low; padding: 2px 5px; border-radius: 5px; color: $primary; @@ -229,16 +229,16 @@ td.flaggers td { } .admin-controls { - background-color: $primary-low; + background-color: $primary-low; padding: 10px 10px 3px 0; @include clearfix; .nav.nav-pills { li.active { a { - border-color: $primary-low; - background-color: $primary-medium; + border-color: $primary-low; + background-color: $primary-medium; &:hover { - background-color: $primary-medium; + background-color: $primary-medium; } } } @@ -374,23 +374,18 @@ td.flaggers td { .admin-nav { width: 18.018%; position: relative; + + li a.active { + color: $secondary; + background-color: $quaternary; + } + // The admin-nav becomes a slide-out menu at the mobile-nav breakpoint @media (max-width: $mobile-breakpoint) { position: absolute; z-index: 0; width: 50%; } - margin-top: 30px; - .nav-stacked { - border-right: none; - @media (max-width: $mobile-breakpoint) { - //margin-right: 10px; - } - } - li a.active { - color: $secondary; - background-color: $quaternary; - } } .admin-detail { @@ -403,7 +398,7 @@ td.flaggers td { // Todo: set this properly - it needs to be >= the menu height min-height: 875px; margin-left: 0; - border-left: solid 1px $primary-low; + border-left: solid 1px $primary-low; padding: 30px 0 30px 30px; @media (max-width: $mobile-breakpoint) { padding: 30px 0; @@ -485,7 +480,7 @@ td.flaggers td { } padding: 1px; background-color: $secondary; - border: 1px solid $primary-low; + border: 1px solid $primary-low; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(51, 51, 51, 0.3); transition: border linear 0.2s, box-shadow linear 0.2s; @@ -553,7 +548,7 @@ section.details { color: $primary; padding: 5px 10px; margin: 30px 0 5px 0; - border-bottom: 5px solid $primary-low; + border-bottom: 5px solid $primary-low; } } @@ -596,7 +591,7 @@ section.details { &.highlight-danger { background-color: scale-color($danger, $lightness: 50%); } - border-top: 1px solid $primary-low; + border-top: 1px solid $primary-low; &:before, &:after { display: table; content: ""; @@ -716,14 +711,14 @@ section.details { font-size: 1em; line-height: 16px; padding: 4px; - background-color: $primary-low; + background-color: $primary-low; } .badge-query-plan { font-size: 0.857em; line-height: 13px; padding: 4px; - background-color: $primary-low; + background-color: $primary-low; } .count-warning { @@ -922,7 +917,7 @@ table.api-keys { th { font-weight: normal; text-align: center; - background: $primary-low; + background: $primary-low; } th.title { text-align: left; @@ -972,7 +967,7 @@ table.api-keys { } &.detected-problems { - background: $primary-low; + background: $primary-low; margin-bottom: 20px; .look-here { @@ -997,7 +992,7 @@ table.api-keys { text-align: right; } .btn { - background: $primary-low; + background: $primary-low; } ul { margin-left: 0; @@ -1047,7 +1042,7 @@ table.api-keys { } .commits-widget { - border: solid 1px $primary-low; + border: solid 1px $primary-low; height: 180px; margin-bottom: 36px; @@ -1070,7 +1065,7 @@ table.api-keys { color: $primary; font-weight: bold; height: 30px; - background: $primary-low; + background: $primary-low; cursor: pointer; h1 { @@ -1093,7 +1088,7 @@ table.api-keys { @extend .clearfix; line-height: 1.0em; padding: 6px 8px; - background-color: $primary-low; + background-color: $primary-low; .left { float: left; } @@ -1103,7 +1098,7 @@ table.api-keys { img { margin-top: 2px; - border: solid 1px $primary-low; + border: solid 1px $primary-low; padding: 2px; background-color: $secondary; } @@ -1134,11 +1129,11 @@ table.api-keys { width: 6px; } ::-webkit-scrollbar-thumb { - background: $primary-low; + background: $primary-low; -webkit-border-radius: 3px; } ::-webkit-scrollbar-track { - border-left: solid 1px $primary-low; + border-left: solid 1px $primary-low; } } @@ -1313,7 +1308,7 @@ table.api-keys { color: $primary; &:hover { color: $primary; - background-color: $primary-low; + background-color: $primary-low; } @@ -1343,7 +1338,7 @@ table.api-keys { .heading-container { width: 100%; - background-color: $primary-low; + background-color: $primary-low; } .col.heading { font-weight: bold; @@ -1359,7 +1354,7 @@ table.api-keys { .ember-list-item-view { width: 100%; - border-top: solid 1px $primary-low; + border-top: solid 1px $primary-low; } } @@ -1447,14 +1442,6 @@ button.ru { } } -@media all -and (max-width : 850px) { - html:not(.mobile-view) .admin-content .nav-stacked { - .glyph {width: auto; position: relative;} - > li > a {padding: 13px} - } -} - @media all and (min-width : 320px) and (max-width : 500px) { @@ -1549,7 +1536,7 @@ tr.not-activated { .user-field { padding: 10px; margin-bottom: 10px; - border-bottom: 1px solid $primary-low; + border-bottom: 1px solid $primary-low; .form-display { width: 25%; diff --git a/app/assets/stylesheets/common/components/navs.scss b/app/assets/stylesheets/common/components/navs.scss index 6beae3c5917..487f5ea719a 100644 --- a/app/assets/stylesheets/common/components/navs.scss +++ b/app/assets/stylesheets/common/components/navs.scss @@ -50,38 +50,42 @@ padding: 0; overflow: hidden; background: $primary-low; + li { border-bottom: 1px solid $primary-low; position: relative; + &:last-of-type { border-bottom: 0; } + + &.indent { + padding-left: 15px; + } + a { margin: 0; - padding: 13px 13px 13px 30px; + padding: 13px; font-size: 1.143em; line-height: 20px; cursor: pointer; color: $primary; } } - > li.indent { - padding-left: 15px; - } - .active > a, & li > a.active - { + + .active > a, + li > a.active { color: $secondary; background-color: $quaternary; - } - .active > a::after, & li > a.active::after - { - left: 90%; - top: 33%; - content: " "; - position: absolute; - border: 8px solid transparent; - border-left-color: $secondary; + &:after { + left: 90%; + top: 33%; + content: " "; + position: absolute; + border: 8px solid transparent; + border-left-color: $secondary; + } } .count { @@ -91,10 +95,9 @@ .glyph { font-size: 0.857em; - width: 30px; + width: 1.25em; text-align: center; - position: absolute; - left: 2px; + margin-right: .5em; line-height: 20px; } } diff --git a/app/assets/stylesheets/desktop/user.scss b/app/assets/stylesheets/desktop/user.scss index 3d344b8b824..aad15295747 100644 --- a/app/assets/stylesheets/desktop/user.scss +++ b/app/assets/stylesheets/desktop/user.scss @@ -107,24 +107,34 @@ } } -.user-navigation .nav-stacked .glyph { - display: none; - // float: right; - // display: block; - // position: static; -} - .user-navigation { display: table-cell; vertical-align: top; width: 170px; - padding-left: 30px; - h3 { - color: $primary; - margin: 20px 0 10px 0; + .nav-stacked { + background-color: transparent; + li { + border-bottom: none; + + a { + color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 40%)); + } + + a.active { + color: $primary; + font-weight: bold; + background-color: transparent; + + &:after { + display: none; + } + } + &.archive { + padding-left: 15px; + } + } } - } .viewing-self .user-main .about.collapsed-info { @@ -174,7 +184,7 @@ th { text-align: left; - border-bottom: 3px solid $primary-low; + border-bottom: 3px solid $primary-low; padding: 0 0 10px 0; color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%)); font-weight: normal; @@ -182,7 +192,7 @@ td { padding: 10px 0 10px 0; - border-bottom: 1px solid $primary-low; + border-bottom: 1px solid $primary-low; } } @@ -194,7 +204,7 @@ } .user-invite-controls { - background-color: $primary-low; + background-color: $primary-low; padding: 5px 10px 0px 0; height: 35px; } @@ -226,8 +236,8 @@ .secondary { background: scale-color($secondary, $lightness: -5%); - border-top: 1px solid $primary-low; - border-bottom: 1px solid $primary-low; + border-top: 1px solid $primary-low; + border-bottom: 1px solid $primary-low; font-size: 0.929em; .btn { padding: 3px 12px; } @@ -276,8 +286,8 @@ transition: margin .15s linear; blockquote { - background-color: $secondary-low; - border-left-color: $secondary-low; + background-color: $secondary-low; + border-left-color: $secondary-low; } h1 { @@ -404,7 +414,7 @@ padding: 0 0 2px 0; margin-top: 0; background: rgba($secondary, .85); - border-bottom: 1px solid $primary-low; + border-bottom: 1px solid $primary-low; .bio { display: none; } .primary { @@ -461,7 +471,7 @@ .item { padding: 20px 8px 15px 8px; background-color: $secondary; - border-bottom: 1px solid $primary-low; + border-bottom: 1px solid $primary-low; } .type { color: $primary; @@ -637,31 +647,3 @@ float: right; margin-bottom: 5px; } - -.user-main .nav-stacked { - &.activity-list { - padding-top: 20px; - } - background-color: transparent; - - li { - border-bottom: none; - > a { - padding: 8px 13px; - color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 40%)); - } - } - - li > a.active { - color: $primary; - font-weight: bold; - background-color: transparent; - } - li > a.active:after { - display: none; - } - - li.archive { - padding-left: 15px; - } -}