[Bug 1818770] Re: Unexpected graybar on top of openstack-dashboard login page

[Seyeong Kim]

When trying to upgrade openstack-dashboard

I got below messages. and If I upgrade them all, there are syntax error
there. ( pyinotify )

Reading package lists... Done
Building dependency tree
Reading state information... Done
The following additional packages will be installed:
  docutils-doc formencode-i18n libjs-sphinxdoc libjs-underscore python-amqp python-anyjson python-appdirs python-babel python-blinker python-bs4 python-bson python-bson-ext python-cachetools python-ceilometerclient python-certifi python-chardet python-cinderclient python-cliff python-cmd2 python-concurrent.futures python-contextlib2
  python-csscompressor python-dateutil python-debtcollector python-decorator python-deprecation python-django python-django-appconf python-django-babel python-django-compressor python-django-horizon python-django-openstack-auth python-django-pyscss python-docutils python-dogpile.cache python-eventlet python-extras python-fasteners
  python-fixtures python-formencode python-funcsigs python-functools32 python-futurist python-glanceclient python-greenlet python-gridfs python-heatclient python-html5lib python-iso8601 python-jinja2 python-jmespath python-json-pointer python-jsonpatch python-jsonschema python-jwt python-keystoneauth1 python-keystoneclient python-kombu
  python-linecache2 python-lxml python-markupsafe python-memcache python-mimeparse python-mock python-monotonic python-msgpack python-munch python-neutronclient python-novaclient python-oauthlib python-olefile python-openid python-openssl python-openstacksdk python-os-client-config python-os-service-types python-osc-lib
  python-oslo.concurrency python-oslo.config python-oslo.context python-oslo.i18n python-oslo.log python-oslo.messaging python-oslo.middleware python-oslo.policy python-oslo.serialization python-oslo.service python-oslo.utils python-osprofiler python-paste python-pastedeploy python-pastescript python-pathlib python-pbr python-pil python-pint
  python-posix-ipc python-prettytable python-pygments python-pyinotify python-pymongo python-pymongo-ext python-pyparsing python-pyperclip python-pyscss python-rcssmin python-repoze.lru python-requests python-requestsexceptions python-rfc3986 python-rjsmin python-roman python-routes python-scgi python-semantic-version python-simplejson
  python-sqlparse python-statsd python-stevedore python-swiftclient python-tempita python-tenacity python-testtools python-traceback2 python-tz python-unicodecsv python-unittest2 python-urllib3 python-vine python-warlock python-webencodings python-webob python-wrapt python3-django-horizon python3-django-openstack-auth
Suggested packages:
  python-amqp-doc python-blinker-doc python-ceilometerclient-doc python-cliff-doc python-debtcollector-doc bpython geoip-database-extra | geoip-database-contrib gettext ipython libgdal1 python-bcrypt python-django-doc python-flup python-psycopg2 python-pymysql python-sqlite python-django-appconf-doc python-django-babel-doc
  fonts-linuxlibertine | ttf-linux-libertine texlive-lang-french texlive-latex-base texlive-latex-recommended python-eventlet-doc python-egenix-mxdatetime python-funcsigs-doc python-futurist-doc python-glanceclient-doc python-greenlet-doc python-greenlet-dev python-greenlet-dbg python-genshi python-jinja2-doc python-keystoneauth1-doc
  python-requests-kerberos python-beanstalkc python-boto python-couchdb python-kombu-doc python-pika python-redis python-sqlalchemy python-lxml-dbg python-lxml-doc python-mock-doc python-openssl-doc python-openssl-dbg python-openstacksdk-doc python-os-client-config-doc python-os-service-types-doc python-osc-lib-doc python-oslo.concurrency-doc
  python-oslo.log-doc python-kafka python-zmq python-oslo.middleware-doc python-oslo.policy-doc python-oslo.service-doc libapache2-mod-python libapache2-mod-scgi libjs-mochikit python-pastewebkit python-cheetah python-cherrypy python-pil-doc python-pil-dbg ttf-bitstream-vera python-pyinotify-doc python-pymongo-doc python-pyparsing-doc
  python-socks python-semantic-version-doc python-sqlparse-doc python-tenacity-doc python-testtools-doc python-twisted python-ntlm python-webob-doc
The following NEW packages will be installed:
  docutils-doc formencode-i18n libjs-sphinxdoc libjs-underscore python-amqp python-anyjson python-appdirs python-babel python-blinker python-bs4 python-bson python-bson-ext python-cachetools python-ceilometerclient python-certifi python-chardet python-cinderclient python-cliff python-cmd2 python-concurrent.futures python-contextlib2
  python-csscompressor python-dateutil python-debtcollector python-decorator python-deprecation python-django python-django-appconf python-django-babel python-django-compressor python-django-horizon python-django-openstack-auth python-django-pyscss python-docutils python-dogpile.cache python-eventlet python-extras python-fasteners
  python-fixtures python-formencode python-funcsigs python-functools32 python-futurist python-glanceclient python-greenlet python-gridfs python-heatclient python-html5lib python-iso8601 python-jinja2 python-jmespath python-json-pointer python-jsonpatch python-jsonschema python-jwt python-keystoneauth1 python-keystoneclient python-kombu
  python-linecache2 python-lxml python-markupsafe python-memcache python-mimeparse python-mock python-monotonic python-msgpack python-munch python-neutronclient python-novaclient python-oauthlib python-olefile python-openid python-openssl python-openstacksdk python-os-client-config python-os-service-types python-osc-lib
  python-oslo.concurrency python-oslo.config python-oslo.context python-oslo.i18n python-oslo.log python-oslo.messaging python-oslo.middleware python-oslo.policy python-oslo.serialization python-oslo.service python-oslo.utils python-osprofiler python-paste python-pastedeploy python-pastescript python-pathlib python-pbr python-pil python-pint
  python-posix-ipc python-prettytable python-pygments python-pyinotify python-pymongo python-pymongo-ext python-pyparsing python-pyperclip python-pyscss python-rcssmin python-repoze.lru python-requests python-requestsexceptions python-rfc3986 python-rjsmin python-roman python-routes python-scgi python-semantic-version python-simplejson
  python-sqlparse python-statsd python-stevedore python-swiftclient python-tempita python-tenacity python-testtools python-traceback2 python-tz python-unicodecsv python-unittest2 python-urllib3 python-vine python-warlock python-webencodings python-webob python-wrapt
The following packages will be upgraded:
  openstack-dashboard openstack-dashboard-common openstack-dashboard-ubuntu-theme python3-django-horizon python3-django-openstack-auth
5 upgraded, 133 newly installed, 0 to remove and 16 not upgraded.
Need to get 30.9 MB of archives.
After this operation, 125 MB of additional disk space will be used.
Do you want to continue? [Y/n] ^C

-- 
You received this bug notification because you are a member of Ubuntu
OpenStack, which is subscribed to Ubuntu Cloud Archive.
https://bugs.launchpad.net/bugs/1818770

Title:
  Unexpected graybar on top of openstack-dashboard login page

Status in Ubuntu Cloud Archive:
  Fix Committed
Status in Ubuntu Cloud Archive pike series:
  Fix Committed
Status in Ubuntu Cloud Archive queens series:
  Fix Committed
Status in Ubuntu Cloud Archive rocky series:
  Fix Committed
Status in Ubuntu Cloud Archive stein series:
  Fix Committed
Status in horizon package in Ubuntu:
  Fix Released
Status in horizon source package in Bionic:
  Fix Committed
Status in horizon source package in Cosmic:
  Fix Committed

Bug description:
  [Impact]
  On openstack-dashboard login page(the first pace we face), there is unexpected graybar on top of the page.

  I've been analyzing this page and found below code affects to this
  symptom.

  body.md-default-theme, body, html.md-default-theme, html {
      color: rgba(0,0,0,0.87);
      background-color: rgb(250,250,250);
  }

  If I remove above background-color, It is ok.

  I also found that upstream doesn't have the same symptom.

  It seems that xstatic override css setting when generating it.

  Please see the screenshots attached below.

  And this is happening from UCA pike.

  [Test Case]
  1. deploy openstack env with juju,
  2. check openstack-dashboard login page

  [Regression Potential]
  This patch updated ubuntu theme only. It could show us broken css even in worst case. Restarting apache2 and memcached daemon is required.

  [Others]

To manage notifications about this bug go to:
https://bugs.launchpad.net/cloud-archive/+bug/1818770/+subscriptions