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

CSS fix.

pull/344/head
Sebastian 7 years ago
parent
6b5135d3ac
commit
079d076221
13 changed files with 117 additions and 85 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      src/Squidex/app/features/assets/pages/assets-page.component.html
  2. 24
      src/Squidex/app/features/content/pages/content/content-page.component.html
  3. 10
      src/Squidex/app/features/content/pages/contents/contents-page.component.html
  4. 24
      src/Squidex/app/features/rules/pages/rules/rules-page.component.html
  5. 12
      src/Squidex/app/features/schemas/pages/schema/schema-page.component.html
  6. 12
      src/Squidex/app/features/settings/pages/backups/backups-page.component.html
  7. 18
      src/Squidex/app/features/settings/pages/clients/clients-page.component.html
  8. 18
      src/Squidex/app/features/settings/pages/contributors/contributors-page.component.html
  9. 18
      src/Squidex/app/features/settings/pages/languages/languages-page.component.html
  10. 18
      src/Squidex/app/features/settings/pages/patterns/patterns-page.component.html
  11. 12
      src/Squidex/app/features/settings/pages/plans/plans-page.component.html
  12. 18
      src/Squidex/app/features/settings/pages/roles/roles-page.component.html
  13. 8
      src/Squidex/app/theme/_panels.scss

10
src/Squidex/app/features/assets/pages/assets-page.component.html
View File

@ -52,11 +52,13 @@
</ng-container> </ng-container>
<ng-container sidebar> <ng-container sidebar>
<sqx-tooltip position="leftTop" [target]="filtersLink">Filters</sqx-tooltip> <div class="panel-nav">
<sqx-tooltip position="leftTop" [target]="filtersLink">Filters</sqx-tooltip>
<a class="panel-link" routerLink="filters" routerLinkActive="active" #filtersLink> <a class="panel-link" routerLink="filters" routerLinkActive="active" #filtersLink>
<i class="icon-filter"></i> <i class="icon-filter"></i>
</a> </a>
</div>
</ng-container> </ng-container>
</sqx-panel> </sqx-panel>

24
src/Squidex/app/features/content/pages/content/content-page.component.html
View File

@ -124,21 +124,23 @@
</ng-container> </ng-container>
<ng-container sidebar> <ng-container sidebar>
<sqx-tooltip position="leftTop" [target]="historyLink">commentsLink</sqx-tooltip> <div class="panel-nav">
<sqx-tooltip position="leftTop" [target]="historyLink">commentsLink</sqx-tooltip>
<a class="panel-link" routerLink="comments" routerLinkActive="active" #commentsLink> <a class="panel-link" routerLink="comments" routerLinkActive="active" #commentsLink>
<i class="icon-comments"></i> <i class="icon-comments"></i>
</a> </a>
<sqx-tooltip position="leftTop" [target]="historyLink">History</sqx-tooltip> <sqx-tooltip position="leftTop" [target]="historyLink">History</sqx-tooltip>
<a class="panel-link" routerLink="history" routerLinkActive="active" #historyLink> <a class="panel-link" routerLink="history" routerLinkActive="active" #historyLink>
<i class="icon-time"></i> <i class="icon-time"></i>
</a> </a>
<sqx-onboarding-tooltip helpId="history" [for]="historyLink" position="leftTop" after="120000"> <sqx-onboarding-tooltip helpId="history" [for]="historyLink" position="leftTop" after="120000">
The sidebar navigation contains useful context specific links. Here you can view the history how this schema has changed over time. The sidebar navigation contains useful context specific links. Here you can view the history how this schema has changed over time.
</sqx-onboarding-tooltip> </sqx-onboarding-tooltip>
</div>
</ng-container> </ng-container>
</sqx-panel> </sqx-panel>
</form> </form>

10
src/Squidex/app/features/content/pages/contents/contents-page.component.html
View File

@ -125,11 +125,13 @@
</ng-container> </ng-container>
<ng-container sidebar> <ng-container sidebar>
<sqx-tooltip position="leftTop" [target]="filtersLink">Filters</sqx-tooltip> <div class="panel-nav">
<sqx-tooltip position="leftTop" [target]="filtersLink">Filters</sqx-tooltip>
<a class="panel-link" routerLink="filters" routerLinkActive="active" #filtersLink> <a class="panel-link" routerLink="filters" routerLinkActive="active" #filtersLink>
<i class="icon-filter"></i> <i class="icon-filter"></i>
</a> </a>
</div>
</ng-container> </ng-container>
</sqx-panel> </sqx-panel>

24
src/Squidex/app/features/rules/pages/rules/rules-page.component.html
View File

@ -76,21 +76,23 @@
</ng-container> </ng-container>
<ng-container sidebar> <ng-container sidebar>
<sqx-tooltip position="leftTop" [target]="historyLink">Events</sqx-tooltip> <div class="panel-nav">
<sqx-tooltip position="leftTop" [target]="historyLink">Events</sqx-tooltip>
<a class="panel-link panel-link-gray" routerLink="events" routerLinkActive="active" #historyLink> <a class="panel-link panel-link-gray" routerLink="events" routerLinkActive="active" #historyLink>
<i class="icon-time"></i> <i class="icon-time"></i>
</a> </a>
<sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip> <sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip>
<a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink> <a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink>
<i class="icon-help"></i> <i class="icon-help"></i>
</a> </a>
<sqx-onboarding-tooltip helpId="help" [for]="helpLink" position="leftTop" after="180000"> <sqx-onboarding-tooltip helpId="help" [for]="helpLink" position="leftTop" after="180000">
Click the help icon to show a context specific help page. Go to <a href="https://docs.squidex.io" sqxExternalLink>https://docs.squidex.io</a> for the full documentation. Click the help icon to show a context specific help page. Go to <a href="https://docs.squidex.io" sqxExternalLink>https://docs.squidex.io</a> for the full documentation.
</sqx-onboarding-tooltip> </sqx-onboarding-tooltip>
</div>
</ng-container> </ng-container>
</sqx-panel> </sqx-panel>

12
src/Squidex/app/features/schemas/pages/schema/schema-page.component.html
View File

@ -82,11 +82,13 @@
</ng-container> </ng-container>
<ng-container sidebar> <ng-container sidebar>
<sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip> <div class="panel-nav">
<sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip>
<a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink>
<i class="icon-help"></i> <a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink>
</a> <i class="icon-help"></i>
</a>
</div>
</ng-container> </ng-container>
</sqx-panel> </sqx-panel>

12
src/Squidex/app/features/settings/pages/backups/backups-page.component.html
View File

@ -93,11 +93,13 @@
</ng-container> </ng-container>
<ng-container sidebar> <ng-container sidebar>
<sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip> <div class="panel-nav">
<sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip>
<a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink>
<i class="icon-help"></i> <a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink>
</a> <i class="icon-help"></i>
</a>
</div>
</ng-container> </ng-container>
</sqx-panel> </sqx-panel>

18
src/Squidex/app/features/settings/pages/clients/clients-page.component.html
View File

@ -47,17 +47,19 @@
</ng-container> </ng-container>
<ng-container sidebar> <ng-container sidebar>
<sqx-tooltip position="leftTop" [target]="historyLink">History</sqx-tooltip> <div class="panel-nav">
<sqx-tooltip position="leftTop" [target]="historyLink">History</sqx-tooltip>
<a class="panel-link" routerLink="history" routerLinkActive="active" #historyLink> <a class="panel-link" routerLink="history" routerLinkActive="active" #historyLink>
<i class="icon-time"></i> <i class="icon-time"></i>
</a> </a>
<sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip> <sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip>
<a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink> <a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink>
<i class="icon-help"></i> <i class="icon-help"></i>
</a> </a>
</div>
</ng-container> </ng-container>
</sqx-panel> </sqx-panel>

18
src/Squidex/app/features/settings/pages/contributors/contributors-page.component.html
View File

@ -73,17 +73,19 @@
</ng-container> </ng-container>
<ng-container sidebar> <ng-container sidebar>
<sqx-tooltip position="leftTop" [target]="historyLink">History</sqx-tooltip> <div class="panel-nav">
<sqx-tooltip position="leftTop" [target]="historyLink">History</sqx-tooltip>
<a class="panel-link" routerLink="history" routerLinkActive="active" #historyLink> <a class="panel-link" routerLink="history" routerLinkActive="active" #historyLink>
<i class="icon-time"></i> <i class="icon-time"></i>
</a> </a>
<sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip> <sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip>
<a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink> <a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink>
<i class="icon-help"></i> <i class="icon-help"></i>
</a> </a>
</div>
</ng-container> </ng-container>
</sqx-panel> </sqx-panel>

18
src/Squidex/app/features/settings/pages/languages/languages-page.component.html
View File

@ -43,17 +43,19 @@
</ng-container> </ng-container>
<ng-container sidebar> <ng-container sidebar>
<sqx-tooltip position="leftTop" [target]="historyLink">History</sqx-tooltip> <div class="panel-nav">
<sqx-tooltip position="leftTop" [target]="historyLink">History</sqx-tooltip>
<a class="panel-link" routerLink="history" routerLinkActive="active" #historyLink> <a class="panel-link" routerLink="history" routerLinkActive="active" #historyLink>
<i class="icon-time"></i> <i class="icon-time"></i>
</a> </a>
<sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip> <sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip>
<a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink> <a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink>
<i class="icon-help"></i> <i class="icon-help"></i>
</a> </a>
</div>
</ng-container> </ng-container>
</sqx-panel> </sqx-panel>

18
src/Squidex/app/features/settings/pages/patterns/patterns-page.component.html
View File

@ -25,17 +25,19 @@
</ng-container> </ng-container>
<ng-container sidebar> <ng-container sidebar>
<sqx-tooltip position="leftTop" [target]="historyLink">History</sqx-tooltip> <div class="panel-nav">
<sqx-tooltip position="leftTop" [target]="historyLink">History</sqx-tooltip>
<a class="panel-link" routerLink="history" routerLinkActive="active" #historyLink> <a class="panel-link" routerLink="history" routerLinkActive="active" #historyLink>
<i class="icon-time"></i> <i class="icon-time"></i>
</a> </a>
<sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip> <sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip>
<a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink> <a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink>
<i class="icon-help"></i> <i class="icon-help"></i>
</a> </a>
</div>
</ng-container> </ng-container>
</sqx-panel> </sqx-panel>

12
src/Squidex/app/features/settings/pages/plans/plans-page.component.html
View File

@ -79,11 +79,13 @@
</ng-container> </ng-container>
<ng-container sidebar> <ng-container sidebar>
<sqx-tooltip position="leftTop" [target]="historyLink">History</sqx-tooltip> <div class="panel-nav">
<sqx-tooltip position="leftTop" [target]="historyLink">History</sqx-tooltip>
<a class="panel-link" routerLink="history" routerLinkActive="active" #historyLink>
<i class="icon-time"></i> <a class="panel-link" routerLink="history" routerLinkActive="active" #historyLink>
</a> <i class="icon-time"></i>
</a>
</div>
</ng-container> </ng-container>
</sqx-panel> </sqx-panel>

18
src/Squidex/app/features/settings/pages/roles/roles-page.component.html
View File

@ -38,17 +38,19 @@
</ng-container> </ng-container>
<ng-container sidebar> <ng-container sidebar>
<sqx-tooltip position="leftTop" [target]="historyLink">History</sqx-tooltip> <div class="panel-nav">
<sqx-tooltip position="leftTop" [target]="historyLink">History</sqx-tooltip>
<a class="panel-link" routerLink="history" routerLinkActive="active" #historyLink> <a class="panel-link" routerLink="history" routerLinkActive="active" #historyLink>
<i class="icon-time"></i> <i class="icon-time"></i>
</a> </a>
<sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip> <sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip>
<a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink> <a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink>
<i class="icon-help"></i> <i class="icon-help"></i>
</a> </a>
</div>
</ng-container> </ng-container>
</sqx-panel> </sqx-panel>

8
src/Squidex/app/theme/_panels.scss
View File

@ -40,6 +40,7 @@
height: 100%; height: 100%;
background: $color-background; background: $color-background;
border-right: 1px solid $color-border; border-right: 1px solid $color-border;
position: relative;
} }
// First row of the panel with the header. Fixed height. // First row of the panel with the header. Fixed height.
@ -74,6 +75,7 @@
@include flex-box; @include flex-box;
@include flex-flow(row); @include flex-flow(row);
@include flex-grow(1); @include flex-grow(1);
overflow: hidden;
} }
// First column of the main row (second row) with the main content. // First column of the main row (second row) with the main content.
@ -157,6 +159,12 @@
max-width: 16rem; max-width: 16rem;
} }
& .panel-nav {
min-width: $panel-sidebar;
max-width: $panel-sidebar;
position: absolute;
}
& .panel-link { & .panel-link {
& { & {
@include transition(background-color .3s ease); @include transition(background-color .3s ease);

Write Preview
Loading…
Cancel
Save