/**
 *    Copyright (c) ppy Pty Ltd <contact@ppy.sh>.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.beatmap-discussion-new-float {
  @top: beatmap-discussion-new-float;
  // counter the padding from parent
  margin-top: -10px;
  margin-bottom: 10px;
  pointer-events: none;

  &--pinned {
    position: sticky;
    z-index: 1;
    // top will be calulated by the component.
  }

  &__content {
    padding-top: 10px;
    pointer-events: initial;
  }

  &__floatable {
    .own-layer();
    width: 100%;
  }
}

/**
 *    Copyright (c) ppy Pty Ltd <contact@ppy.sh>.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.beatmap-discussion-new-float {
  @top: beatmap-discussion-new-float;
  // counter the padding from parent
  margin-top: -10px;
  margin-bottom: 10px;
  pointer-events: none;

  &--pinned {
    position: sticky;
    z-index: 1;
    // top will be calulated by the component.
  }

  &__content {
    pointer-events: initial;
  }

  &__floatable {
    .own-layer();
    width: 100%;
  }
}

Fix invisible gap on pinned beatmap discussion box
Fix invisible gap on pinned beatmap discussion box
