CSS Shim for Django Ace fullscreen mode when used with Grappelli

django_ace_grappelli.css

/*
  USAGE:
  Fullscreen mode for Django Ace doesn't work correctly because the CSS isn't quite compatible with Django Grappelli's. 
  To work around it, place this file in a static directory and include in admin like so:

  @admin.register(MyModel)
  class MyModelAdmin(admin.ModelAdmin):
     class Media:
        css = {
            'all': ('admin/django_ace_grappelli.css',)
        }
*/
.django-ace-editor-fullscreen {
    position: fixed !important;
    width: 100vw;
    height: 100vh;
    z-index: 100000;
}
.django-ace-editor-fullscreen .django-ace-toolbar{
  width:100% !important;
}
.django-ace-editor-fullscreen .django-ace-widget{
  width:100% !important;
  height: calc( 100% - 27px ) !important;
}