Fix css mess around git clone panel. Align it properly

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
This commit is contained in:
Dmitriy Zaporozhets 2016-01-14 17:42:15 +01:00
parent 49c310e45c
commit f8707e26ad
No known key found for this signature in database
GPG key ID: 627C5F589F467F17
5 changed files with 60 additions and 104 deletions

View file

@ -53,6 +53,8 @@
}
.notifications-btn {
float: left;
.fa-bell {
margin-right: 6px;
}
@ -77,21 +79,6 @@
}
}
.git-clone-holder {
max-width: 498px;
.form-control {
background: #FFF;
font-size: 14px;
margin-left: -1px;
}
.btn-clipboard {
border: 1px solid $border-color;
padding: 6px $gl-padding;
}
}
.visibility-level-label {
@extend .btn;
@extend .btn-gray;
@ -104,11 +91,6 @@
}
}
.git-clone-holder {
display: inline-table;
position: relative;
}
.project-repo-buttons {
margin-top: 12px;
margin-bottom: 0px;
@ -118,10 +100,22 @@
margin-bottom: 12px;
}
.clone-row {
.split-repo-buttons,
.project-clone-holder {
display: inline-block;
}
.split-repo-buttons {
margin: 0 12px;
}
}
.btn {
@include btn-gray;
text-transform: none;
}
.count-with-arrow {
display: inline-block;
position: relative;
@ -195,74 +189,6 @@
}
}
.git-clone-holder {
.project-home-dropdown + & {
margin-right: 45px;
}
.clone-options {
display: table-cell;
a.btn {
width: 100%;
}
}
.form-control {
cursor: auto;
@extend .monospace;
background: #FAFAFA;
width: 101%;
}
.input-group-addon {
background: #f7f8fa;
&.git-protocols {
padding: 0;
border: none;
.input-group-btn:last-child > .btn {
@include border-radius-right(0);
border-left: 1px solid #c6cacf;
margin-left: -2px !important;
}
}
}
}
.split-repo-buttons {
display: inline-table;
margin: 0 12px 0 12px;
.btn{
@include btn-gray;
@include btn-default;
}
.dropdown-toggle {
margin: -5px;
}
}
#notification-form {
margin-left: 5px;
}
.dropdown-new {
margin-left: -5px;
}
.open > .dropdown-new.btn {
@include box-shadow(inset 0 0 4px rgba(0, 0, 0, 0.12));
border: 1px solid #c6cacf !important;
background-color: #e4e7ed !important;
text-transform: none;
color: #313236 !important;
font-size: 15px;
}
.dropdown-menu {
@include box-shadow(rgba(76, 86, 103, 0.247059) 0px 0px 1px 0px, rgba(31, 37, 50, 0.317647) 0px 2px 18px 0px);
@include border-radius (0px);
@ -603,3 +529,32 @@ pre.light-well {
position: relative;
}
}
.git-clone-holder {
width: 498px;
.btn-clipboard {
border: 1px solid $border-color;
padding: 6px $gl-padding;
}
.project-home-dropdown + & {
margin-right: 45px;
}
.clone-options {
display: table-cell;
a.btn {
width: 100%;
}
}
.form-control {
@extend .monospace;
background: #FFF;
font-size: 14px;
margin-left: -1px;
cursor: auto;
width: 101%;
}
}

View file

@ -44,13 +44,16 @@
= render 'projects/buttons/star'
= render 'projects/buttons/fork'
= render "shared/clone_panel"
.clone-row
.project-clone-holder
= render "shared/clone_panel"
.split-repo-buttons
= render "projects/buttons/download"
= render 'projects/buttons/dropdown'
.split-repo-buttons
.btn-group.pull-left
= render "projects/buttons/download"
= render 'projects/buttons/dropdown'
= render 'projects/buttons/notifications'
= render 'projects/buttons/notifications'
:javascript
new Star();

View file

@ -1,6 +1,6 @@
- if current_user
%span.dropdown
%a.dropdown-new.btn.btn-new{href: '#', "data-toggle" => "dropdown"}
.btn-group
%a.btn.dropdown-toggle{href: '#', "data-toggle" => "dropdown"}
= icon('plus')
%ul.dropdown-menu.dropdown-menu-right.project-home-dropdown
- if can?(current_user, :create_issue, @project)

View file

@ -3,14 +3,12 @@
= render 'nav'
.gray-content-block
.row
.col-sm-6
%h3.page-title.oneline
Git access for
%strong= @project_wiki.path_with_namespace
%span.oneline
Git access for
%strong= @project_wiki.path_with_namespace
.col-sm-6
= render "shared/clone_panel", project: @project_wiki
.pull-right
= render "shared/clone_panel", project: @project_wiki
.git-empty.prepend-top-default
%fieldset

View file

@ -1,7 +1,7 @@
- project = project || @project
.git-clone-holder
.btn-group.clone-options
.git-clone-holder.input-group
.input-group-btn
%a#clone-dropdown.clone-dropdown-btn.btn{href: '#', 'data-toggle' => 'dropdown'}
%span
= default_clone_protocol.upcase