1
0
mirror of https://github.com/processwire/processwire.git synced 2025-08-08 07:47:00 +02:00

Update for issue processwire/processwire-issues#14 to update CSS for long description or notes that have no spaces (like URLs or emails) so that they wrap rather than overflow.

This commit is contained in:
Ryan Cramer
2016-10-04 10:03:23 -04:00
parent e133309068
commit c87f30bae8
10 changed files with 32 additions and 7 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -15,3 +15,12 @@
background: linear-gradient(top, $top 0%, $bottom 100%); /* W3C */
}
@mixin word-wrap() {
overflow-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

View File

@@ -97,6 +97,8 @@ code {
.description {
color: $medium-text-color;
margin: 0.5em 0;
@include word-wrap();
}
.notes,
@@ -107,6 +109,7 @@ code {
}
.notes {
background: $notes-bg;
@include word-wrap();
}
.description strong,

View File

@@ -22,6 +22,15 @@ $mainnav-width: 210px;
$mainnav-width-wide: 230px; // bigger sidebar for wide screen?
$masthead-height: 52px;
@mixin word-wrap() {
overflow-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
@import 'reset';
@import 'jquery-ui';
@import 'ui';
@@ -832,6 +841,10 @@ ul.action-group{
.notes {
background: $notes-bg;
}
.description,
.notes {
@include word-wrap();
}
.description strong,
.notes strong {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long