From 7b8ec6e718331dd1f8330f08f49f01ba2c20b84c Mon Sep 17 00:00:00 2001 From: GitLab Bot Date: Tue, 15 Oct 2019 18:06:01 +0000 Subject: Add latest changes from gitlab-org/gitlab@master --- .../set_status_modal/set_status_modal_wrapper.vue | 2 +- app/assets/stylesheets/framework/typography.scss | 135 +++++++++++++++++++++ 2 files changed, 136 insertions(+), 1 deletion(-) (limited to 'app/assets') diff --git a/app/assets/javascripts/set_status_modal/set_status_modal_wrapper.vue b/app/assets/javascripts/set_status_modal/set_status_modal_wrapper.vue index 396ecc3e291..df950e79690 100644 --- a/app/assets/javascripts/set_status_modal/set_status_modal_wrapper.vue +++ b/app/assets/javascripts/set_status_modal/set_status_modal_wrapper.vue @@ -163,7 +163,7 @@ export default { :ok-title="s__('SetStatusModal|Set status')" :cancel-title="s__('SetStatusModal|Remove status')" ok-variant="success" - class="set-user-status-modal" + modal-class="set-user-status-modal" @shown="setupEmojiListAndAutocomplete" @hide="hideEmojiMenu" @ok="setStatus" diff --git a/app/assets/stylesheets/framework/typography.scss b/app/assets/stylesheets/framework/typography.scss index e36307f4f29..9028bfa8ec9 100644 --- a/app/assets/stylesheets/framework/typography.scss +++ b/app/assets/stylesheets/framework/typography.scss @@ -194,6 +194,141 @@ border-color: $gl-gray-200; } } + + &.grid-none { + > thead > tr { + > th { + border-bottom-width: 0; + border-right-width: 0; + border-left-width: 0; + + &:first-child { + border-left-width: 1px; + } + + &:last-child { + border-right-width: 1px; + } + } + } + + > tbody { + > tr > td { + border-width: 0; + + &:first-child { + border-left-width: 1px; + } + + &:last-child { + border-right-width: 1px; + } + } + + > tr:last-child > td { + border-bottom-width: 1px; + } + } + } + + + &.grid-rows { + > thead > tr > th, + > tbody > tr > td { + border-right-width: 0; + border-left-width: 0; + } + + > thead > tr { + > th:first-child { + border-left-width: 1px; + } + + > th:last-child { + border-right-width: 1px; + } + } + + > tbody > tr { + > td { + border-left-width: 0; + border-right-width: 0; + } + + > td:first-child { + border-left-width: 1px; + } + + > td:last-child { + border-right-width: 1px; + } + } + } + + &.grid-cols { + > thead > tr > th { + border-bottom-width: 0; + } + + > tbody > tr > td { + border-top-width: 0; + border-bottom-width: 0; + } + + > tbody > tr:last-child > td { + border-bottom-width: 1px; + } + } + + &.frame-sides { + > thead > tr > th { + border-top-width: 0; + } + + > tbody > tr:last-child > td { + border-bottom-width: 0; + } + } + + &.frame-topbot, + &.frame-ends { + > thead > tr > th:first-child, + > tbody > tr > td:first-child { + border-left-width: 0; + } + + > thead > tr > th:last-child, + > tbody > tr > td:last-child { + border-right-width: 0; + } + } + + &.frame-none { + > thead > tr > th { + border-top-width: 0; + } + + > tbody > tr:last-child > td { + border-bottom-width: 0; + } + + > thead > tr > th:first-child, + > tbody > tr > td:first-child { + border-left-width: 0; + } + + > thead > tr > th:last-child, + > tbody > tr > td:last-child { + border-right-width: 0; + } + } + + &.stripes-all tr, + &.stripes-odd tr:nth-of-type(odd), + &.stripes-even tr:nth-of-type(even), + &.stripes-hover tr:hover { + background: $gray-light; + } } table:dir(rtl) th { -- cgit v1.2.1