diff options
| author | suelockwood <deathbearbrown@gmail.com> | 2013-09-10 15:51:10 -0400 |
|---|---|---|
| committer | suelockwood <deathbearbrown@gmail.com> | 2013-09-10 16:39:22 -0400 |
| commit | 100df792a0b4b75f8db2a87bae756a745aaf0a01 (patch) | |
| tree | 81a11abb9eccd51922d4bd4eeba535610e6e4ef7 | |
| parent | 833fb60208f5d0fe5d6a21c8527d474e3b6ae83d (diff) | |
| download | couchdb-100df792a0b4b75f8db2a87bae756a745aaf0a01.tar.gz | |
Replication css fixes for long urls
| -rw-r--r-- | src/fauxton/app/addons/replication/assets/less/replication.less | 11 | ||||
| -rw-r--r-- | src/fauxton/app/addons/replication/templates/progress.html | 2 |
2 files changed, 9 insertions, 4 deletions
diff --git a/src/fauxton/app/addons/replication/assets/less/replication.less b/src/fauxton/app/addons/replication/assets/less/replication.less index 4329443fb..a30196654 100644 --- a/src/fauxton/app/addons/replication/assets/less/replication.less +++ b/src/fauxton/app/addons/replication/assets/less/replication.less @@ -177,9 +177,14 @@ form#replication { margin: 0px; vertical-align: bottom; &.break { - padding-right: 20px; - text-overflow: ellipsis; - overflow: hidden; + -ms-word-break: break-all; + word-break: break-all; + + /* Non standard for webkit */ + word-break: break-word; + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; } } padding: 10px 10px; diff --git a/src/fauxton/app/addons/replication/templates/progress.html b/src/fauxton/app/addons/replication/templates/progress.html index 02c47f282..1e6ef9018 100644 --- a/src/fauxton/app/addons/replication/templates/progress.html +++ b/src/fauxton/app/addons/replication/templates/progress.html @@ -11,7 +11,7 @@ WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. --> -<p class="span6">Replicating <strong><%=source%></strong> to <strong><%=target%></strong></p> +<p class="span6 break">Replicating <strong><%=source%></strong> to <strong><%=target%></strong></p> <div class="span4 progress progress-striped active"> <div class="bar" style="width: <%=progress || 0%>%;"><%=progress || "0"%>%</div> |