tsai
/
abp
mirror of https://github.com/abpframework/abp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Support long text for project names

pull/926/head
Alper Ebicoglu 8 years ago
parent
cc00dfac57
commit
cef18eb5ed
4 changed files with 121 additions and 54 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 18
      modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml
  2. 74
      modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.css
  3. 2
      modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.min.css
  4. 81
      modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.scss

18
modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml
View File

@ -79,7 +79,8 @@
<div class="version-select">
<div class="input-group">
<div class="input-group-prepend">
<label class="input-group-text">@L["Project"]</label>
<label class="input-group-text"><i class="fa fa-folder-open" aria-hidden="true" data-toggle="tooltip" title="@L["Project"]"></i>
</label>
</div>
<select asp-items="Model.ProjectSelectItems" class="form-control" onchange="window.location.replace(this.value)"></select>
@ -103,11 +104,16 @@
</div>
}
<div class="docs-filter">
<input class="form-control" type="search" placeholder="Filter topics" aria-label="Filter">
<span class="my-2 filter-icon my-sm-0">
<i class="fa fa-filter"></i>
</span>
<div class="docs-version">
<div class="version-select">
<div class="input-group">
<div class="input-group-prepend">
<label class="input-group-text"><i class="fa fa-filter"></i></label>
</div>
<input class="form-control" type="search" placeholder="Filter topics" aria-label="Filter">
</div>
</div>
</div>
@if (Model.Navigation == null || Model.Navigation.Content.IsNullOrEmpty())

74
modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.css
View File

@ -24,45 +24,32 @@
float: right; }
.docs-page .docs-sidebar .docs-sidebar-wrapper input.form-control {
background: none;
padding-left: 36px;
width: 100%;
background: #e9ecef;
background: #fff;
border: 0; }
.docs-page .docs-sidebar .docs-sidebar-wrapper input.form-control:focus, .docs-page .docs-sidebar .docs-sidebar-wrapper input.form-control:active, .docs-page .docs-sidebar .docs-sidebar-wrapper input.form-control:hover, .docs-page .docs-sidebar .docs-sidebar-wrapper input.form-control:visited {
box-shadow: none; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version {
position: relative;
padding: 0 1rem;
margin: .5rem 0 1rem; }
margin: .45rem 0; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select {
border-radius: 8px; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select .input-group-text {
border: 0; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select select.form-control {
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select select.form-control, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select input.form-control {
line-height: 1;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding: .3em .5em .5em;
border: 0; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select select.form-control:focus, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select select.form-control:active, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select select.form-control:hover, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select select.form-control:visited {
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select select.form-control:focus, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select select.form-control:active, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select select.form-control:hover, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select select.form-control:visited, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select input.form-control:focus, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select input.form-control:active, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select input.form-control:hover, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version .version-select input.form-control:visited {
box-shadow: none; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-filter {
position: relative;
padding: 0 1rem;
margin: .5rem 0;
font-size: .9em; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-filter .filter-icon {
position: absolute;
top: 0px;
padding: 8px 10px;
line-height: 1;
left: 16px;
background: none;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-filter .filter-icon i.fa {
color: #ddd; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-filter .filter-icon i.fa {
color: #ddd; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list {
height: 100vh; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list > ul {
@ -297,14 +284,33 @@
max-width: 1080px; }
.docs-page .docs-sidebar.dark-sidebar {
background: #191919; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version .version-select select.form-control {
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version .version-select select.form-control, .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version .version-select input.form-control {
background: #333;
border-color: #333;
color: #999; }
color: #999;
font-size: .9em;
min-height: 40px;
padding-left: 8px; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version .version-select input.form-control {
background: #333;
border-color: #333;
color: #999;
font-size: .9em;
min-height: 40px;
padding-left: 12px; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version .version-select input.form-control::placeholder {
color: #999;
opacity: .5; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version .version-select label {
background: #444;
border-color: #444;
color: #ddd; }
color: #ddd;
width: 36px;
text-align: center;
padding-left: 0;
padding-right: 0;
display: inline-block;
line-height: 26px; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-filter .form-control {
background: #333;
color: #999; }
@ -354,7 +360,8 @@
color: #fff; }
.docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .navbar-brand {
color: #fff;
text-transform: uppercase; }
text-transform: uppercase;
white-space: unset; }
.docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .go-back-site {
color: #fff; }
.docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .navbar-logo-desc {
@ -405,10 +412,16 @@
background: #f5f7f9;
display: none; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list .docs-filter {
position: relative;
padding: 0 0 1rem !important; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list .docs-filter .filter-icon {
left: 0px; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version label {
width: 36px;
text-align: center;
padding-left: 0;
padding-right: 0;
display: inline-block;
line-height: 26px; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-version input.form-control {
padding-left: 12px !important; }
.docs-page .docs-sidebar .docs-top .navbar-logo {
padding: 0rem;
padding-top: .3rem;
@ -531,3 +544,12 @@ div.code-toolbar > .toolbar a {
font-size: 2em; }
.mb-5, .my-5 {
margin-bottom: 2rem !important; } }
@media screen and (max-width: 767px) {
.navbar-logo .navbar-brand {
display: inline-block;
margin: 0 auto !important;
max-width: 70%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; } }

2
modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.min.css
View File

File diff suppressed because one or more lines are too long

81
modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.scss
View File

@ -33,10 +33,8 @@ body {
float: right;
input.form-control {
background: none;
padding-left: 36px;
width: 100%;
background: #e9ecef;
background: none;
background: #fff;
border: 0;
&:focus, &:active, &:hover, &:visited {
@ -47,7 +45,7 @@ body {
.docs-version {
position: relative;
padding: 0 1rem;
margin: .5rem 0 1rem;
margin: .45rem 0;
.version-select {
border-radius: 8px;
@ -56,7 +54,7 @@ body {
border: 0;
}
select.form-control {
select.form-control, input.form-control {
line-height: 1;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
@ -74,22 +72,12 @@ body {
}
}
.docs-filter {
position: relative;
.docs-filter {
padding: 0 1rem;
margin: .5rem 0;
font-size: .9em;
.filter-icon {
position: absolute;
top: 0px;
padding: 8px 10px;
line-height: 1;
left: 16px;
background: none;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
.filter-icon {
i.fa {
color: #ddd;
@ -505,16 +493,39 @@ body {
.docs-version {
.version-select {
select.form-control {
select.form-control, input.form-control {
background: #333;
border-color: #333;
color: #999;
font-size: .9em;
min-height: 40px;
padding-left: 8px;
}
input.form-control {
background: #333;
border-color: #333;
color: #999;
font-size: .9em;
min-height: 40px;
padding-left: 12px;
&::placeholder {
color: #999;
opacity: .5;
}
}
label {
background: #444;
border-color: #444;
color: #ddd;
width: 36px;
text-align: center;
padding-left: 0;
padding-right: 0;
display: inline-block;
line-height: 26px;
}
}
}
@ -618,6 +629,7 @@ body {
.navbar-brand {
color: #fff;
text-transform: uppercase;
white-space: unset;
}
.go-back-site {
@ -693,14 +705,26 @@ body {
display: none;
.docs-filter {
position: relative;
padding: 0 0 1rem !important;
.filter-icon {
left: 0px;
}
}
}
.docs-version {
label {
width: 36px;
text-align: center;
padding-left: 0;
padding-right: 0;
display: inline-block;
line-height: 26px;
}
input.form-control {
padding-left: 12px !important;
}
}
}
.docs-top {
@ -888,3 +912,18 @@ div.code-toolbar > .toolbar a {
margin-bottom: 2rem !important;
}
}
@media screen and (max-width: 767px) {
.navbar-logo {
.navbar-brand {
display: inline-block;
margin: 0 auto !important;
max-width: 70%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
Write Preview
Loading…
Cancel
Save