Fauxton style differences in different web browsers.

[Dulanga Sashika]

Hi all,

I tried to fix COUCHDB-2544
<https://issues.apache.org/jira/browse/COUCHDB-2544> bug in fauxton and I
noticed that there is a style difference in Google Chorme [1] and Firefox
[2] browsers. Please see the alignment of "Add New Database" and "API URL"
in both images. I found that there are some differences in some elements
specially like "line-height" from the web. I think there should be a
normalization mechanism for styles.

Please suggest a solution for this problem.

[1] - Loading Image...
[2] - Loading Image...

Thank You

W. A. Dulanga Sashika,
Undergraduate Student,
Department of Computer Science and Engineering,
University of Moratuwa.

[Robert Kowalski]

Hi Dulanga,

you are perfectly right!

We even have a new standardized component [1] for buttons in the
header, but they are not used there yet. Currently they are used in
the headerbar where you can select all elements etc.


[1] https://github.com/apache/couchdb-fauxton/blob/master/app/addons/components/react-components.react.jsx#L23

Post by Dulanga Sashika
Hi all,
I tried to fix COUCHDB-2544
<https://issues.apache.org/jira/browse/COUCHDB-2544> bug in fauxton and I
noticed that there is a style difference in Google Chorme [1] and Firefox
[2] browsers. Please see the alignment of "Add New Database" and "API URL"
in both images. I found that there are some differences in some elements
specially like "line-height" from the web. I think there should be a
normalization mechanism for styles.
Please suggest a solution for this problem.
[1] - https://www.dropbox.com/s/h3qb21cl0qnntip/chrome_view.png?dl=0
[2] - https://www.dropbox.com/s/n1avew8z9qjj3tz/firefox_view.png?dl=0
Thank You
W. A. Dulanga Sashika,
Undergraduate Student,
Department of Computer Science and Engineering,
University of Moratuwa.

[Dulanga Sashika]

Hi Robert,

Thank you very much for the information.

Regards

Post by Robert Kowalski
Hi Dulanga,
you are perfectly right!
We even have a new standardized component [1] for buttons in the
header, but they are not used there yet. Currently they are used in
the headerbar where you can select all elements etc.
[1]
https://github.com/apache/couchdb-fauxton/blob/master/app/addons/components/react-components.react.jsx#L23

Post by Dulanga Sashika
Hi all,
I tried to fix COUCHDB-2544
<https://issues.apache.org/jira/browse/COUCHDB-2544> bug in fauxton and

I

Post by Dulanga Sashika
noticed that there is a style difference in Google Chorme [1] and Firefox
[2] browsers. Please see the alignment of "Add New Database" and "API

URL"

Post by Dulanga Sashika
in both images. I found that there are some differences in some elements
specially like "line-height" from the web. I think there should be a
normalization mechanism for styles.
Please suggest a solution for this problem.
[1] - https://www.dropbox.com/s/h3qb21cl0qnntip/chrome_view.png?dl=0
[2] - https://www.dropbox.com/s/n1avew8z9qjj3tz/firefox_view.png?dl=0
Thank You
W. A. Dulanga Sashika,
Undergraduate Student,
Department of Computer Science and Engineering,
University of Moratuwa.